js事件监听的理解

发布于:2022-12-13 ⋅ 阅读:(462) ⋅ 点赞:(0)

1.什么是事件监听

事件监听就是DOM对事件进行监听,知道什么时候发生了这个事件,从而执行一些写好的程序。

2.事件监听

(1)DOM 级事件  普通的事件 : 事件源.事件类型 = 事件的处理程序

缺点:后边的事件会将前面的事件给覆盖掉

(2)DOM 2 级事件  事件监听

(它有着几种写法,想了解别的写法可以看看 MDN 官方文档

语法:addEventListener(type,listener,useCapture),

参数解释:

type:表示监听事件类型的字符串,也就是事件类型,这个事件类型不加on,

listener:事件监听函数

useCapture:当写true时,进行的是事件捕获阶段。默认为false,事件冒泡阶段

事件冒泡:就是子元素触发事件后,延伸到父元素,先执行子元素再执行父元素

可以将

var event = window.event || event

event.stopPropagation 写在子元素事件中阻止事件冒泡

(onmouseover 支持冒泡,先子后父   onmouseenter 不支持冒泡,先父后子)

解绑事件:removeEventListener(事件,回调函数);//这个回调函数要单独写出来才可以正常的解绑,不然无法解绑

3.事件监听的优点

(1)可以绑定多个事件,而常规绑定只会执行最后绑定的事件

(2)用removeEventListener可以解除相应的事件绑定


网站公告

今日签到

点亮在社区的每一天
去签到