javascript - 是否有一个 JQuery 函数可以一次处理所有鼠标事件？

Question

是否有 JQuery 函数(或插件)来处理 all mouse events一次？

例如，我可以使用 $("*").click() 来处理页面中的所有点击事件，但我想知道是否有这样的函数:

$("*").mouseEvent("event type", function(){
    // handle all events based on their event type in one listener
});

Answer 1

您可以使用委托(delegate)事件处理通过事件传播来监听所有鼠标事件。您可以将多个事件名称传递给同一个事件处理程序。然后，您可以在事件触发时查看事件参数，以了解在哪个 DOM 对象上发生了哪种类型的事件。

$(document).on("mouseup mousedown click mousemove", function(e) {
    // e.type is the type of event
    // e.target is the element the event originally occured in
});

这样做的好处是它适用于页面中的所有元素，甚至是在安装事件处理程序后添加的动态对象。

这样做的唯一缺点是您通常无法阻止事件的默认行为，因为它可能已经被直接附加到对象的事件处理程序处理过(除了您可以阻止链接触发 e.preventDefault() 因为它们显然在事件传播之后才会触发。