[置顶]js 点击子级，不触发夫级事件

概述第一种 第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>


总结

以上是内存溢出为你收集整理的[置顶] js 点击子级，不触发夫级事件全部内容，希望文章能够帮你解决[置顶] js 点击子级，不触发夫级事件所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。