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

事件绑定兼容函数

时间:2016-05-05 09:33:55      阅读:125      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!