代理绑定事件下的阻止冒泡事件注意事项

最新推荐文章于 2022-12-07 20:32:59 发布

Caroline_Yang

最新推荐文章于 2022-12-07 20:32:59 发布

阅读量299

点赞数

本文链接：https://blog.youkuaiyun.com/Caroline_Yang/article/details/91876971

版权

本文探讨了在使用jQuery进行事件处理时，事件冒泡机制的重要性和如何正确使用stopPropagation()来避免事件冒泡引起的意外行为。通过具体示例说明了当事件处理函数绑定在不同元素上时，事件冒泡可能带来的问题。

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

      //自定义节点删除 点击事件 start
        $('#medicialRecordModal').on('click','.js-del',function (event) {
            $('#delModal').modal('show');
            $(this).attr('data-active','actived');
            event.stopPropagation();
        });
        //自定义节点删除 点击事件 end

        // 点击自定义节点 点击事件 start
        $('#medicialRecordModal').on('click','.defineNode',function (event) {
            
           
        });
        //点击自定义节点 点击事件 end

就是他们的父元素必须一致，不然冒泡事件不生效！！！！！！

如下不生效：

 //自定义节点删除 点击事件 start
        $('#medicialRecordModal').on('click','.js-del',function (event) {
            $('#delModal').modal('show');
            $(this).attr('data-active','actived');
            event.stopPropagation();
        });
        //自定义节点删除 点击事件 end

        // 点击自定义节点 点击事件 start
        $('.define-node').on('click','.defineNode',function () {
 
        });
        //点击自定义节点 点击事件 end