防止单击元素上的单击事件

Prevent click event on the clicked element?

本文关键字：单击 事件 元素      更新时间：2023-09-26

>我的文档正文上有一个单击事件：

$("body").on('click.findElem', function(e) {                 
            e.stopPropagation();  
            e.preventDefault();    
            self.hinter(e.target);            
            return false;
        });

它基本上捕获点击的目标并对其执行某些操作。但是，有些目标已经有点击事件，它们根本阻止我的点击执行。如何克服这个问题？我尝试解除绑定，但单击甚至根本无法实际执行解绑。

e.stopImmediatePropagation()完成这项工作，但前提是您的处理程序在任何其他处理程序存在之前执行。

不幸的是，没有办法在第一个位置插入你自己的处理程序 - 但如果其他处理程序也使用 jQuery 绑定，你可以使用这个讨厌的技巧：你如何强制你的 javascript 事件首先运行，不管事件的添加顺序如何？

如果您确实需要它，您可能希望使用本机 DOM API 在捕获模式下绑定事件处理程序： https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener

捕获处理程序在

气泡处理程序（由 jQuery 和大多数其他脚本使用）之前触发，因此您很有可能首先执行处理程序。

试试这个，看看演示

$( "body" ).on( "click", ".clickme:not(.clicked)", function( event ) {
    $(this).addClass('clicked');
    alert('here');
});

我倾向于不使用并坚持绑定/取消绑定组合。我有一些页面重新加载部分内容，然后必须重新绑定事件。我典型地做这样的事情

$(".theobjectsiwant").unbind("click").bind("click", function() {
    alert('hi there');
});

如果你想/必须坚持使用 on（） 函数，你不应该将 on（） 与 unbind（） 混合使用，而应该尝试类似的方法来使用 .off("click").on("click")

在此处查看示例 http://api.jquery.com/off/

相关文章：