JavaScript常用事件属性

1、 鼠标事件 (Mouse Events)

鼠标移动事件

mouseover - 鼠标指针移入元素范围时触发。

mouseenter - 鼠标指针移入元素范围时触发。（不会在鼠标指针穿过目标元素的子元素时触发，它只在进入元素时触发。）

mouseout - 鼠标指针移出元素范围时触发。

mouseleave-鼠标指针移出元素范围时触发。（事件不会在鼠标指针穿过目标元素的子元素时触发）

mousemove - 鼠标指针在元素内移动时触发。

鼠标点击事件

click - 单击鼠标按钮时触发。

dblclick - 双击鼠标按钮时触发。

mousedown - 鼠标按钮被按下时触发。

mouseup - 鼠标按钮被释放时触发。

contextmenu - 在元素上右键单击时触发，显示上下文菜单。

鼠标滚轮事件

wheel - 鼠标滚轮滚动时触发。

2、 键盘事件 (Keyboard Events)

keydown - 键盘按键被按下时触发。

keyup - 键盘按键被释放时触发。

keypress - 键盘按键被按下并松开时触发。

3、 表单事件 (Form Events)

submit - 表单提交时触发。

reset - 重置表单时触发。

focus - 元素获得焦点时触发。

blur - 元素失去焦点时触发。

change - 元素的值发生改变时触发，通常用于表单元素。

input - 当input,select, 或textarea元素的值发生改变时触发。

select - 文本被选中时触发。

4、 文档加载事件 (Document Loading Events)

load - 页面加载完成时触发。

unload - 页面即将关闭时触发。

DOMContentLoaded - HTML文档加载完成并且DOM已完全构建时触发。

5、 窗口事件 (Window Events)

resize - 窗口大小改变时触发。

scroll - 元素滚动时触发。

beforeunload - 在窗口、文档或资源将要卸载时触发，通常用于确认是否离开页面。

hashchange - 当 URL 的 hash（锚）部分发生变化时触发。

pagehide - 当页面即将隐藏或关闭时触发。

pageshow - 当页面已经显示时触发。

6、 触摸事件 (Touch Events)

touchstart - 当手指触摸屏幕时触发。

touchmove - 当手指在屏幕上滑动时触发。

touchend - 当手指从屏幕上移开时触发。

touchcancel - 触摸事件被取消时触发。

7、 拖拽事件 (Drag and Drop Events)

drag - 当元素开始被拖动时触发。

dragstart - 当拖动操作开始时触发。

dragend - 当拖动操作结束时触发。

dragenter - 当拖动对象进入有效的放置目标时触发。

dragleave - 当拖动对象离开有效的放置目标时触发。

dragover - 当拖动对象在有效的放置目标上方时触发。

drop - 当拖动对象释放到有效的放置目标时触发。

8、 媒体事件 (Media Events)

play - 当音频或视频开始播放时触发。

pause - 当音频或视频暂停时触发。

ended - 当音频或视频播放完成时触发。

volumechange - 当音频或视频音量改变时触发。

timeupdate - 当音频或视频播放位置改变时触发。

loadedmetadata - 当音频或视频元数据加载完成时触发。

loadeddata - 当音频或视频加载完成时触发。

canplay - 当浏览器可以播放音频或视频时触发。

canplaythrough - 当音频或视频可以完整播放时触发。

9、 CSS动画事件 (CSS Animation Events)

animationstart - 当CSS动画开始播放时触发。

animationend - 当CSS动画完成播放时触发。

animationiteration - 当CSS动画一次迭代完成时触发。

10、 CSS过渡事件 (CSS Transition Events)

transitionstart - 当CSS过渡开始时触发。

transitionend - 当CSS过渡完成时触发。

transitioncancel - 当CSS过渡被取消时触发。

11、 离线事件 (Offline Events)

offline - 当浏览器离线时触发。

online - 当浏览器重新连接到互联网时触发。

12、 剪切板事件 (Clipboard Events)

cut - 当用户剪切元素内容时触发。

copy - 当用户复制元素内容时触发。

paste - 当用户粘贴内容到元素时触发。

13、打印事件

onAfterPrint——当文档被打印后触发的事件

onBeforePrint——当文档即将打印时触发的事件

onFilterChange——当某个对象的滤镜效果发生变化时触发的事件

onPropertyChange——当对象的属性之一发生变化时触发的事件

onReadyStateChange——当对象的初始化属性值发生变化时触发

outher、 其他事件 (Miscellaneous Events)

message - 当接收到来自父窗口或子窗口的消息时触发。

storage - 当存储中的值被修改时触发，仅适用于 localStorage 和 sessionStorage。

orientationchange - 当设备方向改变时触发。

deviceorientation - 当设备物理方向发生变化时触发。

devicemotion - 当设备运动状态发生变化时触发。

fullscreenchange - 当进入或退出全屏模式时触发。

pointerlockchange - 当指针锁定状态改变时触发。