這篇文章主要介紹了JavaScript實(shí)現(xiàn)跨瀏覽器的添加及刪除事件綁定函數(shù),采用純javascript實(shí)現(xiàn)jquery的bind及unbind添加與刪除事件綁定的技巧,具有很好的瀏覽器兼容性,需要的朋友可以參考下

 

本文實(shí)例講述了JavaScript實(shí)現(xiàn)跨瀏覽器的添加及刪除事件綁定函數(shù)。分享給大家供大家參考。具體如下：

IE 的事件綁定函數(shù)是 attachEvent；而 Firefox, Safari 是 addEventListener；Opera 則兩種都支持。使用jQuery就可以使用簡單的bind()，或者$().click()之類的函數(shù)解決，而如果不使用JavaScript框架的時候，大家可是使用下面的封裝bind()函數(shù)。

添加事件綁定 bind()
 

1. /************************************ 
2. * 添加事件綁定 
3. * @param obj  : 要綁定事件的元素 
4. * @param type : 事件名稱。不加 "on". 如 : "click" 而不是 "onclick". 
5. * @param fn  : 事件處理函數(shù) 
6. ************************************/ 
7. function bind( obj, type, fn ){ 
8.   if( obj.attachEvent){ 
9.     obj['e'+type+fn]= fn; 
10.     obj[type+fn]=function(){ 
11.      obj['e'+type+fn]( window.event); 
12.     } 
13.     obj.attachEvent('on'+type, obj[type+fn]); 
14.   }else 
15.     obj.addEventListener( type, fn,false); 
16. }