码迷,mamicode.com
首页 > 其他好文 > 详细

跨浏览器事件处理

时间:2016-12-19 08:24:12      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:document   lis   cli   else   type   nbsp   rem   attach   mouse   

var btn3 = document.getElementById("btn");

function event(){}

var eventUtil = {

//添加句柄

addHandler:function(element,type,handler){//element表示的是哪个元素,type表示的是事件类型(click,mouseover),handler表示的是处理的函数

if(element.addEventListener)//DOM2级处理函数

element.addEventListener(type,handler,false);

else if(element.attachEvent)//IE事件处理程序

element.attachEvent("on"+type,handler);//这里要变成onclick,所以要加on

else 

element["on"+type] = handler;//一般事件处理函数

},

//删除句柄

removeHandler:function(element,type,handler){

if(element.removeEventListener)

element.removeEventListener(type,handler,false);

else if(element.detachEvent)

element.distachEvent("on"+type,handler);

else 

element["on"+type] = handler;

}

},

eventUtil.addHandler(btn3,"click",event);

eventUtil.removeHandler(btn3,"click",event);

跨浏览器事件处理

标签:document   lis   cli   else   type   nbsp   rem   attach   mouse   

原文地址:http://www.cnblogs.com/fireporsche/p/6196004.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!