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

<div class="form-group" id="dd4bbe73-8dcb-422c-b8a8-5cb271362192">
    <div class="context" id="0"><div class="col-sm-10">
    
class="form-control-static"><a class="controlA" href="#">蔡文昌class="type-span" type="FLRVVLG" style="font-weight:bold;color:#999;">(沿河村落居民户)     
    a>
    
    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("地图交互事件...");
});