EventUtil.js

这是一个事件常用函数的简单包装

 1 var EventUitl = {
 2     addEvent: function(elem,type,fn) {
 3         if(window.addEventListener) {
 4             elem.addEventListener(type,fn,false);
 5         } else if(window.attachEvent) {
 6             elem.attachEvent('on' + type,fn);
 7         } else {
 8             elem['on' + type] = fn;
 9         }
10     },
11 
12     getEvent: function(event) {
13         return event ? event : window.event;
14     },
15 
16     getTarget: function(event) {
17         return event.target || event.srcElement;
18     }
19 }

测试：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>evenUtil.js test</title>
 6     <script src="eventUitl.js"></script>
 7 </head>
 8 <body>
 9     <button id="demo">click</button>
10     <script>
11         var demo = document.getElementById('demo');
12         EventUitl.addEvent(demo,'click',function() {
13             alert('test is success!');
14         });
15     </script>
16 </body>
17 </html>

 

posted @ 2014-12-23 23:19  路杰2015  阅读(167)  评论(0)  编辑  收藏  举报