js处理一个div里面多个点击事件时出现的事件冲突 重复的解决方法 事件冒泡

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/luwei_cool/article/details/51533197

<div class="form-group" id="dd4bbe73-8dcb-422c-b8a8-5cb271362192">
    <div class="context" id="0"><div class="col-sm-10">
    <p class="form-control-static"><a class="controlA" href="#">蔡文昌<span class="type-span" type="FLRVVLG" style="font-weight:bold;color:#999;">(沿河村落居民户)     </span>
    </a>
    </p>
    </div>
    </div></div> 
分别点击 蔡文昌和整个div时可以使用冒泡阻断方法 以阻止事件的冲突重复
解决方法:
//动态添加事件
$(document).on('click', '.form-group .controlA', function (event) {
    event.stopPropagation();//停止事件冒泡
    console.log("详情事件..");
});
$(document).on('click', '.form-group', function (event) {
    event.stopPropagation();//停止事件冒泡
    console.log("地图交互事件...");
});


展开阅读全文

没有更多推荐了,返回首页