Dean Edwards大神写的addEvent库

最新推荐文章于 2021-04-07 18:51:26 发布

转载最新推荐文章于 2021-04-07 18:51:26 发布 · 96 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/fengyuqing/p/addEventJs.html

本文提供了一种在JavaScript中为DOM元素添加及移除事件监听器的方法，通过自定义addEvent和removeEvent函数实现跨浏览器的事件绑定。此外，还包含了一个handleEvent函数用于处理触发的事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接晒代码：

 1 // written by Dean Edwards, 2005
 2 // with input from Tino Zijdel, Matthias Miller, Diego Perini
 3 
 4 // http://dean.edwards.name/weblog/2005/10/add-event/
 5 
 6 function addEvent(element, type, handler) {
 7     if (element.addEventListener) {
 8         element.addEventListener(type, handler, false);
 9     } else {
10         // assign each event handler a unique ID
11         if (!handler.$$guid) handler.$$guid = addEvent.guid++;
12         // create a hash table of event types for the element
13         if (!element.events) element.events = {};
14         // create a hash table of event handlers for each element/event pair
15         var handlers = element.events[type];
16         if (!handlers) {
17             handlers = element.events[type] = {};
18             // store the existing event handler (if there is one)
19             if (element["on" + type]) {
20                 handlers[0] = element["on" + type];
21             }
22         }
23         // store the event handler in the hash table
24         handlers[handler.$$guid] = handler;
25         // assign a global event handler to do all the work
26         element["on" + type] = handleEvent;
27     }
28 };
29 // a counter used to create unique IDs
30 addEvent.guid = 1;
31 
32 function removeEvent(element, type, handler) {
33     if (element.removeEventListener) {
34         element.removeEventListener(type, handler, false);
35     } else {
36         // delete the event handler from the hash table
37         if (element.events && element.events[type]) {
38             delete element.events[type][handler.$$guid];
39         }
40     }
41 };
42 
43 function handleEvent(event) {
44     var returnValue = true;
45     // grab the event object (IE uses a global event object)
46     event = event || fixEvent(((this.ownerDocument || this.document || this).parentWindow || window).event);
47     // get a reference to the hash table of event handlers
48     var handlers = this.events[event.type];
49     // execute each event handler
50     for (var i in handlers) {
51         this.$$handleEvent = handlers[i];
52         if (this.$$handleEvent(event) === false) {
53             returnValue = false;
54         }
55     }
56     return returnValue;
57 };
58 
59 function fixEvent(event) {
60     // add W3C standard event methods
61     event.preventDefault = fixEvent.preventDefault;
62     event.stopPropagation = fixEvent.stopPropagation;
63     return event;
64 };
65 fixEvent.preventDefault = function() {
66     this.returnValue = false;
67 };
68 fixEvent.stopPropagation = function() {
69     this.cancelBubble = true;
70 };

转载于:https://www.cnblogs.com/fengyuqing/p/addEventJs.html