码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript事件

时间:2015-05-16 17:59:20      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:

关于JavaScript事件讲解得很全面的一篇文章:http://www.cnblogs.com/tugenhua0707/p/4501843.html

如下代码需要注意的一点是,除了getEvent方法外,其他方法在被调用时传给它的事件参数应该是兼容浏览器的事件参数,所以可先调用getEvent获得兼容性参数再传进去,或者先 event=event||window.event再传进去

 1 var EventUtil = {
 2     addHandler: function(element,type,handler) {
 3         if(element.addEventListener) {
 4             element.addEventListener(type,handler,false);
 5         }else if(element.attachEvent) {
 6             element.attachEvent("on"+type,handler);
 7         }else {
 8             element["on" +type] = handler;
 9         }
10     },
11     removeHandler: function(element,type,handler){
12         if(element.removeEventListener) {
13             element.removeEventListener(type,handler,false);
14         }else if(element.detachEvent) {
15             element.detachEvent("on"+type,handler);
16         }else {
17             element["on" +type] = null;
18         }
19     },
20     getEvent: function(event) {
21         return event ? event : window.event;
22     },
23     getTarget: function(event) {
24         return event.target || event.srcElement;
25     },
26     preventDefault: function(event){
27         if(event.preventDefault) {
28             event.preventDefault();
29         }else {
30             event.returnValue = false;
31         }
32     },
33     stopPropagation: function(event) {
34         if(event.stopPropagation) {
35             event.stopPropagation();
36         }else {
37             event.cancelBubble = true;
38         }
39     },
40     getRelatedTarget: function(event){
41         if (event.relatedTarget){
42             return event.relatedTarget;
43         } else if (event.toElement){
44             return event.toElement;
45         } else if (event.fromElement){
46             return event.fromElement;
47         } else {
48             return null;
49         }
50     },
51     getWheelDelta: function(event) {
52         if(event.wheelDelta) {
53             return event.wheelDelta;
54         }else {
55             return -event.detail * 40
56         }
57     },
58     getCharCode: function(event) {
59         if(typeof event.charCode == ‘number‘) {
60             return event.charCode;
61         }else {
62             return event.keyCode;
63         }
64     }
65 };

 

JavaScript事件

标签:

原文地址:http://www.cnblogs.com/z-sm/p/4508122.html

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