[置頂] js 點擊子級，不觸發夫級事件
來源：程序員人生 發布時間：2015-02-03 09:03:14 閱讀次數：4015次
第1種
function aa()
{
$("#zhezhao").click(function(){
alert("11");
});
}
aa();
$(".mains").click(function(){
$('#zhezhao').unbind("click"); //移除click
setTimeout(function(){
aa();
},100)
});
第2種
var isman=0;
$("#zhezhao").click(function(){
if(isman==0)
{
alert("11");
}
});
$(".mains").click(function(){
isman=1; //移除click
setTimeout(function(){
isman=0;
},100)
});
第3種（可能存在兼容問題）
$("#zhezhao").click(function(){
alert("11");
});
$(".mains").click(function(){
stopPropagation();
});
function stopPropagation(e) {
e = e || window.event;
if(e.stopPropagation) { //W3C禁止冒泡方法
e.stopPropagation();
} else {
e.cancelBubble = true; //IE禁止冒泡方法
}
}
HTML 標簽
<div id="zhezhao">
<div class="mains">11111111111111111111111111111111111111111111<br/>
11111111111111111111111111111111111111111111<br/>
11111111111111111111111111111111111111111111<br/>
</div>
<div class="d"> *****************************************
<br/>****************************************
11111111111111111111111111111111111111111111<br/>
11111111111111111111111111111111111111111111<br/>
11111111111111111111111111111111111111111111<br/>
</div>
</div>
生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
