Question

div 叠加,点击时如何只激发顶层DIV的JS事件

<div style="background:black;width:100px;height:100px;padding:25px;" onclick="alert('black')">

<div style="background:white;width:50px;height:50px;z-index:100" onclick="alert('white')"></div>

</div>
点击white的Div，不激发black的Div事件

Answer 1

你需要阻止JS冒泡，代码如下

function white(event){
    		var e = event || window.event;
    		alert("white");
    		if (e && e.stopPropagation){
		          e.stopPropagation();    
		    }else{
		          e.cancelBubble=true;//兼容IE
		    }
 }