【前端积累】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代表以捕获机制来处理事件