JavaScript DOM中的基本事件介绍(详细文章请看后期)
迪丽瓦拉
2024-01-29 05:34:01
0

目录

1、注册事件的常用方法:

2.事件的解绑/删除

  传统方式删除事件 

 ie6.7.8中事件解绑的方法:

3 事件对象e

 事件对象的方法:

4.事件流:事件流的阶段:


1、注册事件的常用方法:

  1. 传统方式 : eg : ele.οnclick=function(){} ,这种传统方式的注册的特点就是,对同一事件,只能注册一次,注册多次,后一个会覆盖前一个.。
  2. 事件监听的方式:  ele.addEventListener(事件类型,function(){}),这种方式可以对同一个目标,绑定多个目标事件。

2.事件的解绑/删除


  传统方式删除事件 

ele.事件类型=null.//事件监听注册类型的解绑:
1ele.removeEventlistener(类型,命名函数)
通常处理函数为命名函数,而非匿名函数.

因为注册事件的处理函数,在内存中无法被识别(没有标识),但是在解绑事件时,必须要删除对应

的处理函数,所有需要先把处理函数进行在外面处理成带有标识的命名函数,以便删除.


 ie6.7.8中事件解绑的方法:

ele.addEventListener(类型,fn(){})  fucution fn(){detach.removeEventListener()}

3 事件对象e

 事件对象的方法:

  •                         event.target 返回触发事件对象
  •                         event.type 返回事件类型
  •                         event.stopProtagation 阻止冒泡   DOM标准
  •                         event.cancleBubble   非标准
  •                         e.preventDefault  阻止默认事件
  •                         return false 在事件监听中不能阻止默认行为

4.事件流:事件流的阶段:

事件捕获: 从外到内一层一层传递,直到目标阶段 目标阶段 事件冒泡: 从内到外一层一层往外冒,直到window.

相关内容