- 博客(5)
- 收藏
- 关注
原创 js事件基础
可以直接设置第三个参数为一个true,表示捕获阶段触发:捕获阶段触发的目的可以设置在嵌套容器中谁先被触发。停止事件的继续传递,可以在捕获和冒泡阶段使用,捕获阶段事件禁止传递给子元素,冒泡阶段事件禁止传递给父元素。把事件委托给父元素,这样可以保证只侦听一个,减少内存的占有。因为每个元素侦听,都会触发对应的函数,就会执行多个函数,而事件委托只会执行一个函数。3)系统事件(click)可以通过自定义抛发事件触发。1)事件委托:子元素的事件委托给父元素侦听。事件在嵌套容器中,是经历三个阶段,2)为什么要事件委托?
2024-09-09 10:21:29
264
原创 JS事件介绍
1)事件侦听EventTarget的方法--添加侦听事件:addEventListener,有三个参数,第三个参数可选addEventListener(事件类型,事件回调函数,是否捕获侦听/事件侦听选项{是否捕获侦听,是否只侦听一次})
2024-09-07 23:19:44
449
原创 滚轮事件WheelEvent和按键事件KeyboardEvent
2)谷歌,WheelEvent的一个属性是e.deltaY 向下滚动为正数,向上滚动为负数。1)谷歌浏览器,IE浏览器,safari的滚轮事件为mousewheel。火狐浏览器的滚轮事件为DOMMouseScroll。火狐浏览器是使用e.detail 表示正数向下滚动。
2024-08-27 21:14:30
125
原创 MouseEvent事件
如果子元素没有定位,layerX、layerY则向上查找定位的父元素,如果没有找到则相对html左上角定位,如果父子容器定位,都是相对e.target这个目标对象的左上角距离。如果找到父元素定位了,则相对父元素左上角距离。
2024-08-27 15:35:43
447
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人