Javascript里的EventTarget的规范及应用

"EventTarget is a DOM interface implemented by objects that can receive DOM events and have listeners for them."

一个EventTarget是一个可以接受DOM事件且能绑定事件监听器的对象.最常见的EventTarget就是DOM元素对象,另外,还有一些不是DOM元素的对象也能成为EventTarget,比如document, window,XMLHttpRequest,等等.

方法

• EventTarget.addEventListener()

• 在这个EventTarget上添加指定事件类型的事件监听器.

• EventTarget.removeEventListener()

• 从这个EventTarget移除事件监听器.

• EventTarget.dispatchEvent()

• 为这个EventTarget派发事件.
  

• 大多数的EventTarget(element, document, and window)都可以通过属性 on+事件名称的方式添加时间监听函数。

/** 请在Chrome的控制台里运行以下程序 */

;( function () {

/** JS通过创建点击事件批量删除新浪微博关注的人。 */

     var o = document.getElementsByClassName( 'myfollow_list' );

     var e = new MouseEvent( 'click' , { 'view' : window, 'bubbles' : true });

     Array.prototype.slice.call(o).every( function (a, b, c) {

         a.dispatchEvent(e);

         return true ;

     });

     document.querySelector( 'a.W_btn_d:nth-child(4)' ).dispatchEvent(e);

})();

参考：

1 https://developer.mozilla.org/zh-CN/docs/Web/API/EventTarget

2 http://my.oschina.net/jackin/blog/176517