js-API 绑定、解绑事件区别与window对象的方法定时器

最新推荐文章于 2024-01-10 18:00:00 发布

前端黑

最新推荐文章于 2024-01-10 18:00:00 发布

阅读量634

点赞数

分类专栏： js-API

本文链接：https://blog.csdn.net/qq_38964133/article/details/88360987

版权

本文介绍了JavaScript中的事件绑定，包括addEventListener和attachEvent的区别，以及它们的兼容性。同时讲解了解绑事件的方法。讨论了事件冒泡的概念和阻止冒泡的策略。总结了事件的三个阶段，并展示了如何模拟百度搜索功能。还涉及DOM操作，如为同一元素绑定多个事件的问题，以及window对象的方法，如系统对话框、location对象、history对象和navigator对象。最后，提到了定时器的使用和清理。

摘要由CSDN通过智能技术生成

绑定事件的区别

方法使用的时候需要点出来

函数直接调用，不需要点出来

相同点: 都可以为元素绑定事件

不同点:
1.方法名不一样
2.参数个数不一样addEventListener三个参数,attachEvent两个参数
3.addEventListener 谷歌,火狐,IE11支持,IE8不支持
attachEvent 谷歌火狐不支持,IE11不支持,IE8支持
4.this不同,addEventListener 中的this是当前绑定事件的对象
attachEvent中的this是window
5.addEventListener中事件的类型(事件的名字)没有on
attachEvent中的事件的类型(事件的名字)有on

解绑事件

my$(“btn”).οnclick=null;

my$(“btn”).removeEventListener(“click”,f1,false);

my$(“btn”).detachEvent(“onclick”,f1);

用什么方式绑定事件用什么方式解绑

有以下三种情况
1.解绑事件
  * 对象.on事件名字=事件处理函数--->绑定事件
  * 对象.on事件名字=null;
  * 2.解绑事件
  * 对象.addEventListener("没有on的事件类型",命名函数,false);---绑定事件
  * 对象.removeEventListener("没有on的事件类型",函数名字,false);
  * 3.解绑事件
  * 对象.attachEvent("on事件类型