jQuery 点击事件冲突:img上有点击方法,btn在img上也有点击方法;点击btn时会同时触发两者事件
-
在btn的onclick事件里 加上 阻止冒泡:JQuery的 :
event.stopPropagation();
$(function(){ $('.img').click(function(){ alert('img:cllick') }); $('.btn').click(function(event){ event.stopPropagation(); alert('img:click'); }) })
-
原生的JS方法:
function stopBubble(e){ if(e && e.stopPropagation){ e.stopPropagation(); //w3c }else {window.event.cancelBubble=true;} }