事件

本文深入讲解了五种事件处理程序,包括HTML事件处理程序、DOM0/DOM2事件处理程序、IE事件处理程序及跨浏览器事件处理程序。同时,探讨了事件对象event在不同浏览器中的实现方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、事件处理程序

事件就是用户或浏览器自身执行的某种动作。

响应某个事件的函数叫做事件处理程序。

事件处理程序有以下几种:

(1)HTML事件处理程序

eg:  <div onclick="changeBg()">点击</div>

       <div onclick="alert(event.type)">点击</div>

(2)DOM0事件处理程序

eg:  var btn = document.getElementById("btn");

     btn.onclick = function(event){

      //事件处理句柄

      }  

(3)DOM2事件处理程序

eg:  var btn = document.getElementById("btn");

        btn.addEventListener('click',fucntion(event){

      //事件处理句柄

      },false);

(4)IE事件处理程序

eg:  var btn = document.getElementById("btn");

        btn.attachEvent('onclick',fucntion(event){

     //事件处理句柄

     });

(5)跨浏览器事件处理程序(PS:使用EventUtil对象创建一个addHandler()方法)

可以像下面这样使用EventUtil对象

2、事件对象event

(1)DOM中的事件对象

(2)IE中的事件对象

(3)跨浏览器的事件对象

转载于:https://www.cnblogs.com/sherryStudy/p/event.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值