将自定义事件绑定到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); 
    } 
}