JS addEventListener()和attachEvent()方法实现注册事件

在 JavaScript 的 DOM 事件模型中，通过调用对象的 addEventListener() 方法注册事件。在浏览器中预览，单击不同的按钮，则浏览器会自动显示按钮的名称。为同一个对象注册多个事件处理函数对于模块化开发非常有用。示例3在下面示例中，为段落标签 注册两个事件：mouseover 和 mouseout，设计当光标经过时，段落文本背景色显示为蓝色，当光标移开之后，背景色显示为红色。使用 attachEvent() 注册事件时，其事件处理函数的调用对象不再是当前事件对象本身，而是 window 对象，因此事件函数中的 this 就指向 window，而不是当前对象，如果要获取当前对象，应该使用 event 的 srcElement 属性。IE 事件模型中的 attachEvent() 方法第 1 个参数为事件类型名称，需要加上 on 前缀，而使用 addEventListener() 方法时，则不需要这个 on 前缀，如 click。