原生JS实现Jquery的on方法事件绑定addEventListener的简化写法

最新推荐文章于 2023-08-08 16:12:21 发布

小傻哥

最新推荐文章于 2023-08-08 16:12:21 发布

阅读量1k

点赞数

分类专栏：教程 # JS 前端文章标签： javascript jquery html

本文链接：https://blog.youkuaiyun.com/lionking1990/article/details/109386333

版权

教程同时被 3 个专栏收录

17 篇文章

订阅专栏

前端

5 篇文章

订阅专栏

3 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript为元素添加事件监听器，通过Element.prototype.addEventListener或attachEvent实现跨浏览器兼容。文中提供了简洁的代码示例，并提及了与jQuery等库的事件处理方式对比。

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


//为元素添加on方法
Object.prototype.on = Window.prototype.on = HTMLDocument.prototype.on =  Element.prototype.addEventListener || Element.prototype.attachEven;

//注解：这是最简单的一种写法，也是最有效的。告诉浏览器el.on就是Element.prototype.addEventListener或者Element.prototype.attachEven。

更复杂更有像Jquery的，有人留言需要我再写出来。