EventTarget

EventTarget是一个由对象实现的接口，这些对象可以接收事件，并为它们提供侦听器。

Element，document和window是最常见的活动目标，但其他的对象也可以是事件目标，例如XMLHttpRequest，AudioNode，AudioContext，等等。

许多事件目标（包括元素，文档和窗口）也支持通过on...属性来设置事件处理程序。

构造部分

EventTarget()

创建一个新的EventTarget对象实例。

方法

EventTarget.addEventListener()

在EventTarget上注册特定事件类型的事件处理程序。

EventTarget.removeEventListener()

从EventTarget中删除事件侦听器。

EventTarget.dispatchEvent()

向此EventTarget调度事件。

Mozilla chrome代码部分的其他方法

由JS实现的事件目标使用Mozilla扩展来实现on*属性。

• void setEventHandler（DOMString类型，EventHandler处理程序）
• EventHandler getEventHandler（DOMString类型）

示例

EventTarget Section的简单实现

var EventTarget = function() {
  this.listeners = {};
};

EventTarget.prototype.listeners = null;
EventTarget.prototype.addEventListener = function(type, callback) {
  if (!(type in this.listeners)) {
    this.listeners[type] = [];
  }
  this.listeners[type].push(callback);
};

EventTarget.prototype.removeEventListener = function(type, callback) {
  if (!(type in this.listeners)) {
    return;
  }
  var stack = this.listeners[type];
  for (var i = 0, l = stack.length; i < l; i++) {
    if (stack[i] === callback){
      stack.splice(i, 1);
      return;
    }
  }
};

EventTarget.prototype.dispatchEvent = function(event) {
  if (!(event.type in this.listeners)) {
    return true;
  }
  var stack = this.listeners[event.type].slice();

  for (var i = 0, l = stack.length; i < l; i++) {
    stack[i].call(this, event);
  }
  return !event.defaultPrevented;
};

规范

浏览器兼容性部分