【JS】事件的类型和名称

奔跑の大可爱

已于 2022-11-05 08:06:16 修改

阅读量154

点赞数

文章标签： javascript 前端 html

于 2022-11-03 09:58:46 首次发布

本文链接：https://blog.csdn.net/weixin_64210950/article/details/127663188

版权

                    
                        
                    
                    设备类型事件类型事件名称触发条件
PC鼠标事件click鼠标点击
mouseenter鼠标经过
mouseleave鼠标离开
mouseover鼠标经过（冒泡）
mouseout鼠标离开（冒泡）
键盘事件keydown按下任意键
keypress按下字符键
keyup按键抬起
焦点事件focus表单获得焦点
blur表单失去焦点
文本事件input表单用户输入
页面事件load页面所有资源加载完毕
DOMContentLoadedDOM加载完毕
scroll页面滚动
resize页面尺寸
M触摸事件touchstart手指触摸DOM元素
touchmove手指滑动DOM元素
touchend手指离开DOM元素

                

设备类型	事件类型	事件名称	触发条件
PC	鼠标事件	click	鼠标点击
mouseenter	鼠标经过
mouseleave	鼠标离开
mouseover	鼠标经过（冒泡）
mouseout	鼠标离开（冒泡）
键盘事件	keydown	按下任意键
keypress	按下字符键
keyup	按键抬起
焦点事件	focus	表单获得焦点
blur	表单失去焦点
文本事件	input	表单用户输入
页面事件	load	页面所有资源加载完毕
DOMContentLoaded	DOM加载完毕
scroll	页面滚动
resize	页面尺寸
M	触摸事件	touchstart	手指触摸DOM元素
touchmove	手指滑动DOM元素
touchend	手指离开DOM元素