【前端积累】javascript事件

什么是事件?

事件是一种异步编程的实现方式,本质上是程序各个组成部分之间的通信。就是文档或浏览器窗口发生的一些特定的交互瞬间(某种动作)。

1、事件流

事件流描述的是从页面中接收事件的顺序。

1)事件冒泡

2)事件捕获

2、冒泡机制

事件从最具体的元素开始向上依次出发,到最外面的元素

d1.addEventListener("click",function(){},true)

3、捕获机制

事件从最不具体的元素开始向下依次出发,到事件真正出发的位置停止

4、事件流

页面中接收事件的顺序。

完整的事件流:事件捕获+事件的真正触发者+事件冒泡

5、非IE事件绑定

1)HTML事件处理程序:绑定的位置在html节点属性中绑定,on+事件名=“函数(),事件()”

移除:使用d1.setAttribute("onclick",null)可以来移除事件

缺点:使用这种方式耦合式太强,修改一处函数名,另一处也需要修改。

            函数没有价值成功,用户已经去触发事件了,也会带来问题。

不推荐使用这种方式。

2)DOM0级事件:冒泡机制

   没有兼容性问题:

   元素.(on+事件名) = function(){语句块};

   移除方式:元素.(on+事件名)=null;

   缺点:只能绑定一个函数,如果有多个函数,那么最后一个生效。

3)DOM2级事件

   格式: d1.addEventListener("click",listener,useCapture);

type:绑定的事件名称,没有on

listener:绑定的函数

useCapture:是否使用捕获机制,false代表冒泡机制来处理事件,true代表以捕获机制来处理事件

原文地址:https://www.cnblogs.com/dream-to-pku/p/8859218.html