自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 聚焦事件,Input事件,节流和防抖

focus 聚焦blur 失焦属性:relatedTarget--上一次聚焦的位置。

2024-08-27 20:56:01 269

原创 MouseEvent事件

如果子元素没有定位,layerX、layerY则向上查找定位的父元素,如果没有找到则相对html左上角定位,如果父子容器定位,都是相对e.target这个目标对象的左上角距离。如果找到父元素定位了,则相对父元素左上角距离。

2024-08-27 15:35:43 447

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除