如何解决防止子触发父的点击事件
您必须向内部子级添加事件侦听器,并取消事件的传播。
在普通JS中,类似
document.getElementById('inner').addEventListener('click',function (event){
event.stopPropagation();
});
$(".inner-div").click(function(event){
event.stopPropagation();
});
要么
$(".inner-inner").on('click',function(event){
event.stopPropagation();
});
解决方法
考虑以下代码段:
<div class="div-outer">
Lorem ipsum dolor sit amet,consectetur adipiscing elit.
<div class="div-inner" style="background:red">
Curabitur hendrerit vehicula erat,ut gravida orci luctus vitae.
</div>
</div>
现在,假设外部div有一个click
与之关联的活动对象。我如何确保在内部任何地方click
都不会触发直播?click``div
编辑:
这是要求的JS
$(".div-outer").live("click",function(){alert("hi")});
单击“ .inner-div”时不应触发此操作
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。