游乐游手机版
首页/AI教程/文章详情

JavaScript事件绑定的几种常用方法

时间:2026-06-12 17:43
JavaScript事件绑定有四种方式:HTML属性绑定、DOM对象属性赋值、attachEvent(IE专属)及for event语法。示例展示了各方式的实现,并处理了IE与标准浏览器间事件对象的兼容性差异,包括target、srcElement及坐标属性,确保跨浏览器正确性。

谈及JavaScript事件绑定,核心方法主要有四种。但需要说明的是,以下示例在IE浏览器中运行良好,其他浏览器(尤其是一些较老的实现方式)可能不完全兼容。

为便于说明,约定如下:onXXX代表某个事件(例如onclick),fun是一个函数,domId是DOM元素的ID,事件类型可参考文末附录。

四种绑定方式

  1. 在DOM元素中直接写入onXXX="fun();"(HTML属性绑定)
  2. 在JavaScript代码中通过DOM对象.onXXX = fun完成赋值(属性绑定)
  3. 使用DOM对象.attachEvent("onXXX", fun)(IE专属的attachEvent方法)
  4. 采用(IE4时代的for/event语法)

理论略显抽象,直接看示例:



event test