码迷,mamicode.com
首页 > Web开发 > 详细

js元素事件绑定与解绑

时间:2018-07-06 17:43:48      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:class   on()   get   move   rem   tac   div   dev   listen   

为元素绑定事件有3种方式:

1、最常见的绑定方式:

document.getElementById("btn").onclick=function(){};

2、非IE浏览器     element.addEventListener(type,fn,false)

(布尔值====true表示捕获,false表示冒泡,一般用false):

document.getElementById("btn").addEventListener("click",function(){};false);

3、IE浏览器下的事件绑定        element.attachEvent("on"+type,fn)

document.getElementById("btn").attachEvent("onclick",function(){});

 

==================为元素(element)绑定事件的兼容代码:=======================

 

 1     function addEventListener(element,type,fn){
 2                 if(element.addEventListener){
 3                     element.addEventListener(type,fn,false);
 4                 }else if(element.attachEvent){
 5                     element.attachEvent("on"+type,fn);
 6                 }else{
 7                     element["on"+type]=fn;
 8                 }
 9                 
10             }

 

为元素解除绑定有3种方式:

1、普通方式:

document.getElementById("btn").onclick=null;

2、非IE浏览器  element.removeEventListener(type,fName,false)

(布尔值====true表示捕获,false表示冒泡,一般用false):

document.getElementById("btn").removeEventListener("click",fName,false); 

3、IE浏览器    element.detachEvent("on"+type,fName)

document.getElementById("btn").detachEvent("onclick",fName);

 

==================为元素(element)解绑事件的兼容代码:=======================

 1     function removeEventListener(element,type,fName){
 2                 if(element.removeEventListener){
 3                     element.removeEventListener(type,fName,false);
 4                 }else if(element.detachEvent){
 5                     element.detachEvent("on"+type,fName);
 6                 }else{
 7                     element["on"+type]=null;
 8                 }
 9             } 

 

js元素事件绑定与解绑

标签:class   on()   get   move   rem   tac   div   dev   listen   

原文地址:https://www.cnblogs.com/fyy-new/p/9274371.html

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