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); 
});