DOM0 DOM2添加事件

兼容性

      var EventUtil = {
        addHandler: function (element, type, handler) {
          if (element.addEventListener) {
            element.addEventListener(type, handler, false)
          } else if (element.attachEvent) {
            element.attachEvent("on" + type, handler)
          } else {
            element["on" + type] = handler
          }
        },
        removeHandler: function (element, type, hander) {
          if (element.removeEventListener) {
            element.removeEventListener(type, handler, false)
          } else if (element.detachEvent) {
            element.detachEvent("on" + type, handler)
          } else {
            element["on" + type] = null
          }
        }
      }

DOM2级事件

addEventListener("click", function () {
  // .
}, false)

false: 冒泡
true: 捕获


removeEventListener("click", function () {
  //  .
}, false) // 不能是匿名函数

为同一个元素添加事件时，按照加载顺序依次进行。

IE:

 attachEvent("onclick", function () {
    // .
})
只支持冒泡
第一个参数使用onclick,

与DOM0区别： 作用于不用，DOM0下事件this指向所属元素，
attachEvent会在全局作用域中运行， this == window
与addEventListener区别： 可以为同一个元素添加多个事件处理程序，
但attachEvent是以相反的顺序被触发