JavaScript事件

2022/1/28 20:05:19

本文主要是介绍JavaScript事件,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

内容概况

1.绑定事件
2.事件流
3.事件对象扩展
4.事件委托
5.事件类型

事件绑定

1、addEventListener(“eventType” , fun)
2、.element.onEventType = fun

区别:
1.addEventListener在同一个元素上的同一事件类型添加多个事件,不会被覆盖,而onEventType会覆盖。
2.addEventListener可以设置元素在捕获阶段触发事件,而onEventType不能

事件流

三个div嵌套,都绑定click事件,点击最内层的元素,事件如何执行。
a:只执行最内层
b:从内到外都执行
c:从外到内都执行
牛逼
事件捕获和事件冒泡

默认情况下,事件会在冒泡阶段执行

addEventListener(eventType,fun,boolean); //默认false:冒泡阶段触发;true:捕获阶段触发


这篇关于JavaScript事件的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程