首页 > 其他 > 详细

事件绑定兼容函数

时间:2016-05-05 09:33:12      阅读:150      评论:0      收藏:0      [点我收藏+]

  来源《JavaScript高级程序设计》

  代码如下:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title></title>
 5     <style type="text/css">
 6 
 7     </style>
 8     <script type="text/javascript">
 9         var EventUtil = {
10             addHandler:function(element,type,handler){
11                 if(element.addEventListener){//现代浏览器,作用域是在其所属元素的作用域内
12                     element.addEventListener(type,handler,false);
13                 }
14                 else if(element.attachEvent){//IE8及其以下,作用域是全局作用域
15                     element.attachEvent("on"+type,handler);
16                 }
17                 else{//DOM2级方法,作用域在其所属的元素的作用域内
18                     element["on"+type] = handler;
19                 }
20             },
21             removeHandler:function(element,type,handler){
22                 if(element.removeEventListener){
23                     element.removeEventListener(type,handler,false);
24                 }
25                 else if(element.detachEvent){
26                     element.detachEvent("on"+type,handler);
27                 }
28                 else{
29                     element["on"+type] = null;
30                 }
31             }
32         };
33         function handler(){
34             alert(this);
35         }
36         window.onload = function(){//使用例子
37             var btn = document.getElementById("btn");
38             EventUtil.addHandler(btn,"click",handler);
39         }
40     </script>
41 </head>
42 <body>
43     <input type="button" value="点击" id="btn">
44 </body> 
45 </html>

 

事件绑定兼容函数

原文:http://www.cnblogs.com/loveya/p/5460530.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!