事件

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)跨浏览器的事件对象

posted @ 2019-05-16 11:28  笨鸟不会飞~~  阅读(157)  评论(0编辑  收藏  举报