js 点击子级,不触发夫级事件

本文探讨了JavaScript中点击事件的处理方法,包括直接触发事件、移除事件监听及事件流管理,同时介绍了事件冒泡与阻止机制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

第一种      
function aa()
    {
        $("#zhezhao").click(function(){
           alert("11");
        });
    }
    aa();
    $(".mains").click(function(){
        $('#zhezhao').unbind("click"); //移除click
        setTimeout(function(){
            aa();
        },100)
    }); 

第二种

 var isman=0;

        $("#zhezhao").click(function(){
            if(isman==0)
            {
           alert("11");
            }
        });

    $(".mains").click(function(){
        isman=1; //移除click
        setTimeout(function(){
            isman=0;
        },100)
    });

第三种(可能存在兼容问题)

      $("#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>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值