button按钮onclick阻止该按钮的层div的onclick

Question

div中有一个input按钮，层有个onclick事件，按钮有一个，怎么才能只执行按钮的onclick，不执行层的onclick，或者用按钮的onclick禁止掉层的 button按钮onclick阻止该按钮的层div的onclick

Answer 1

有时候在document.onclick上绑定了事件，但在单击某些地方的时候不希望触发document上的click事件，则可以在方法里阻止其事件的冒泡，例如：

var btn = document.getElementById("btn");

btn.onclick=function(event){

alert('clicked');

event.stopPropagation();

}

document.body.onclick = function(event){

alert('body clicked');

}

有了event.stopPropagation();方法，就可以使在点击按钮时不触发下面的body.click事件。

在IE下不支持此方法，但可以利用其event.cancelBubble属性设置为true阻止。综上所述，例如：

var btn = document.getElementById("btn");

btn.onclick=function(event){

alert('clicked');

if(event.stopPropagation)

event.stopPropagation();

else

event.cancelBubble = true;

}

以上代码可以兼容的解决此问题。

Answer 2

JS里有 阻止事件冒泡传递的方法，cancelBubble在IE下有效 stopPropagation在Firefox下有效