JavaScript事件绑定的几种常用方法
JavaScript事件绑定有四种方式:HTML属性绑定、DOM对象属性赋值、attachEvent(IE专属)及for event语法。示例展示了各方式的实现,并处理了IE与标准浏览器间事件对象的兼容性差异,包括target、srcElement及坐标属性,确保跨浏览器正确性。
谈及JavaScript事件绑定,核心方法主要有四种。但需要说明的是,以下示例在IE浏览器中运行良好,其他浏览器(尤其是一些较老的实现方式)可能不完全兼容。
为便于说明,约定如下:onXXX代表某个事件(例如onclick),fun是一个函数,domId是DOM元素的ID,事件类型可参考文末附录。
四种绑定方式
- 在DOM元素中直接写入
onXXX="fun();"(HTML属性绑定) - 在JavaScript代码中通过
DOM对象.onXXX = fun完成赋值(属性绑定) - 使用
DOM对象.attachEvent("onXXX", fun)(IE专属的attachEvent方法) - 采用
(IE4时代的for/event语法)
理论略显抽象,直接看示例:
event test

