Javascript自定义事件 - 触发所有听众

Question

我想创建customEvent。例如，我有一些元素，每个人都在听这个事件。当我点击其中一个我想触发我的customEvent。如何做到这一点？

例子：

var customEvent = new Event('customEvent'); 

var $ul = $('ul'); 

var $markers = $('#map').find('.markers'); 

// UL>LI 
$ul.delegate('click', 'li', function(){ 
    customEvent.trigger(); 
}); 

$ul.delegate('customEvent', 'li', function(){ 
    $ul.find('li').removeClass("active"); 

}); 

// MAP MARKERS 
$markers.on('click', 'li', function(){ 
    customEvent.trigger(); 
}); 

$markers.on('customEvent', function(){ 
    // do sth 
}); 

Answer 1

它的简单，你需要使用.trigger()功能

执行附着在特定的事件类型匹配的元素的所有处理程序和行为。

脚本

ele.on('click', function() { 
     $(this).trigger('customEvent'); 
     //Or, $(this).trigger(customEvent); 
});