惰性加载函数----实现浏览器通用的事件绑定函数

最新推荐文章于 2025-10-01 15:01:39 发布

原创最新推荐文章于 2025-10-01 15:01:39 发布 · 397 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#事件绑定

js 专栏收录该内容

11 篇文章

订阅专栏

本文详细解释了如何在JavaScript中实现事件监听函数，包括使用addEventListener和attachEvent方法，并在特定条件下选择最合适的方法。

<ol><li><span style="font-family: Arial, Helvetica, sans-serif;">var addEvent = function(elem,type,handler){</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">			if(window.addEventListener){</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">				addEvent = function(elem,type,handler){</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">					elem.addEventListener(type,handler,false);</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">				};</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">			}else if(window.attachEvent){</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">				addEvent = function(elem,type,handler){</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">					elem.attachEvent('on'+type,handler);</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">				};</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">			}</span></li><li>
</li><li><span style="font-family: Arial, Helvetica, sans-serif;">			addEvent(elem,type,handler);</span></li><li><span style="font-family: Arial, Helvetica, sans-serif;">		};</span></li></ol>

addEvent函数在第一次进入条件分支之后，在函数内部会重写这个函数，重写之后的函数就是我们期望的addEvent函数，在下一次进入addEvent函数的时候，addEvent函数里不再存在条件分支语句