DOM事件模型与Internetexplorer事件模型之绑定机制

绑定事件处理器时需要直接修改HTML页面代码，会带来如下几个坏处：

直接修改HTML元素属性，增加了页面逻辑的复杂度。

开发人员需要直接修改HTML页面，不利于团队协作开发。

但是可以在调用javaScript函数时传入参数，典型的就是传入this、event等特殊意义的参数。

绑定DOM对象属性

Document.forms[n].onsubmit=check;

绑定到DOM对象属性时，该属性值只是一个javaScript函数的引用，因此千万不要在函数后面添加括号——一旦添加括号，那就变成了调用该函数，于是将该函数返回值赋给DOM对象的onclick等属性。

DOM模型的事件机制中，提供的事件绑定机制

objectTarget.addEventListener(“eventType”,handle,captureFlag)该方法为objectTarget绑定事件处理器handler，其第一个参数是事件类型字符串（将前面的事件属性去掉前缀”on”,例如click、mousedown、keypress等）；第二个参数是事件处理函数；第三个参数用于指定监听事件传播的哪个阶段（true表示监听捕获阶段，false表示监听冒泡阶段）。

与addEventListener()方法相对应，DOM也提高了一个方法用于删除事件处理器，该方法为removeEventListener

objectTarget.removeEventListener(“eventType”,handler,captureFlag)

该方法为objectTarget删除事件处理器handler。

Internet explorer支持两种自己独有的事件绑定方法。这两种方法都不需要在HTML元素中增加额外的属性。

在internet explorer 4.0以及更新的版本中，microsoft扩展了

attachEvent方法进行绑定

DOMObject.attachEvent（“eventName”,functionReference）

eventName的值是事件的名称，例如onmousedown；functionReference的值是一个函数引用。