event事件对象

1.event.currentTaget和target

   currentTargrt和target的区别,target只是指目标对象,currentTarget指正在处理事件的那个元素,可能冒泡后事件正在执行的已经不是当初触发事件的目标对象了。

2.event.type属性  获取事件类型

通过type属性的不同事件进行不同的处理

example:switch(event.type) 

      case “click”。。。

3.stopPropagation和stopImmediatePropagation

  都是用来阻止事件捕获和冒泡的,区别是同一个事件触发多个事件,stopImmediatePropagation会阻止同一个事件触发的其他事件

4.eventPhase

 eventPhase处于捕获阶段为1;目标阶段为2;冒泡阶段为3

5.阻止事件默认行为

  preventDefault

6.srcElement和target.nodename

都是查看事件添加到哪个元素上了

7.cancelBubble属性

 returnValue属性

8.removeEventListener

removeEventListener删除某个句柄的时候如果还是写同样的function是没有用的,这其实会被认为是两个处理函数,所以必须将处理函数先赋给一个变量,删除的时候删除变量即可

9.事件流的概念

事件发生时会在元素节点与根节点之间按照特定的顺序传播,路径所进过的所有节点都会收到该事件,这个传播过程即dom事件流

原文地址:https://www.cnblogs.com/QIQIZAIXIAN/p/7211370.html