[置顶] js 点击子级，不触发夫级事件
来源：程序员人生 发布时间：2015-02-03 09:03:14 阅读次数：3895次
第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>
生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
