程序员人生 网站导航

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

栏目:htmlcss时间:2015-02-03 09:03:14
第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>


------分隔线----------------------------
------分隔线----------------------------

最新技术推荐