將自定義事件綁定到JavaScript對象？

Question

我無法弄清楚如何去做。這似乎是這樣的：

function MyObject() { 
    this.fireEvent("myEvent"); 
} 

，然後在單獨的JavaScript文件：

var obj = new MyObject(); 
obj.addEventListener("myEvent", function() { 
    alert("Event Fired"); 
}); 

但是，當然，這是行不通的。我的問題是，我會如何去做類似的事情？

Answer 1

在您的示例中，您將在構造函數中立即觸發事件（在附加事件偵聽器之前）。嘗試將發射邏輯移入單獨的功能。

更新：

而且，好像你不正確射擊的事件。有關如何以跨瀏覽器方式正確觸發事件的更多信息，請參閱this article。從那篇文章：

function fireEvent(element,event){ 
    if (document.createEventObject){ 
     // dispatch for IE 
     var evt = document.createEventObject(); 
     return element.fireEvent('on'+event,evt) 
    } 
    else{ 
     // dispatch for firefox + others 
     var evt = document.createEvent("HTMLEvents"); 
     evt.initEvent(event, true, true); // event type,bubbling,cancelable 
     return !element.dispatchEvent(evt); 
    } 
}