addEventListener在事件名稱中不能與冒號（:)一起使用

Question

我正在嘗試使pjax:complete事件處理程序正常工作。下面我勾畫了這種情況：

我正在研究GitHub的Chrome擴展，它不包含jQuery，我不想包含它。我確實想聽pjax事件，並在發生時做一些事情。然而，下面的例子似乎只有在使用jQuery的$.on函數時才起作用。我也爲此創建了一個簡單的JSFiddle，但沒有使用真正的pjax事件，而是模擬它。 You can find that here.如果你運行它，你會看到jQuery eventhandler被調用2次，但是VanillaJS只有一次。

$(document).on('pjax:complete', function() { 
    console.log('jQuery pjax event is called'); 
}); 

document.addEventListener('pjax:complete', function() { 
    console.log('VanillaJS pjax event is called'); 
}); 

document.dispatchEvent((new Event('pjax:complete'))); // This works 
$(document).trigger('pjax:complete'); // this doesn't (FYI: actual function used can be found [here][1]) 

想要的結果是，即使從jQuery調用VanillaJS事件，也會調用它。

1：https://github.com/defunkt/jquery-pjax/blob/master/jquery.pjax.js#L181

Answer 1

好像this question已經回答了我的。使用VanillaJS是不可能的。