jQuery的全球监听自定义事件

Question

的什么，我试图做一个简化的版本如下：

var indication = $('#some-div'); 
indication.bind('custom-event', function() { ... } 


// ... later on! 

function OtherThing() { 
    $(this).trigger('custom-event'); 
} 

我想indication.bind('custom-event')从function OtherThing接收触发无两有明确了解彼此。这可能吗？到目前为止，我唯一的解决方案是将监听器和事件绑定到body ...这看起来很sl - - 有没有更好的方法？

Answer 1

在JavaScript中，每个HTML元素上触发的事件都会传播到父母身上，因此，要解决您的问题并使任何元素都能够处理自定义事件，而不会像$('*').bind('custom-event')这样做出错误的事情，那就是将侦听器绑定到所有元素中，body或html元素共同的父：]

所以，你只需要绑定事件到body或html元素。然后，当选择的父元素内部的任何元素触发自定义事件时，它将传播到此父元素。

，然后在事件处理程序，您可以访问已通过访问target属性的事件对象触发事件的元素：event.target

所以，代码应该是：

$('body').bind('custom-event', function(e){ 
    var $element = e.target; 
}); 

$('#anyElement').trigger('custom-event');