谈及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
