JavaScript 常用事件属性完整列表与说明
本文汇总了JavaScript中21个常用的事件属性,涵盖鼠标点击、键盘按键、页面加载及表单交互等场景。详细解析了onabort、onchange、onkeydown等属性的触发条件与应用,包括表单验证中的实际用法,帮助开发者理解如何通过事件驱动HTML效果。
JavaScript事件基础
JavaScript事件通常与函数配合使用,通过事件触发函数执行,从而在HTML中产生不同的视觉效果或交互反馈。
以下是当特定事件发生时触发对应函数(function{})的属性列表:
常用事件属性详解
1)onabort:当图像加载过程被中断时触发。
2)onblur:当元素失去焦点时触发(原文拼写为onbur,此处修正为标准写法)。
3)onfocus:当元素获得焦点时触发。
4)onclick:鼠标点击某个对象时触发。


5)ondblclick:鼠标双击某个对象时触发(原文为ondbclick,此处修正为标准写法)。
6)onerror:在加载文档或图像时发生错误触发。
7)onchange:当用户修改输入域内容时触发。该事件常结合字段验证使用,例如检查身份证、邮箱注册、登录信息或区号格式是否正确。

8)onkeydown:键盘上的某个键被按下时触发。
9)onkeypress:键盘上的某个键被按下或按住时触发。
10)onkeyup:键盘上的某个键被松开时触发。
11)onload:页面或图像加载完成时触发。

12)onmousedown:鼠标按键被按下时触发。该事件与onmouseup和onclick共同构成完整的鼠标点击流程:首先触发onmousedown,释放按钮时触发onmouseup,完成点击后触发onclick。
13)onmousemove:鼠标移动时触发。
14)onmouseout:鼠标从元素上移开时触发。
15)onmouseover:鼠标移动到元素上方时触发。
16)onmouseup:鼠标按钮被松开时触发(需注意与onkeyup的区别)。
17)onreset:重置按钮被点击时触发。
18)onresize:窗口或框架尺寸被调整时触发。
19)onselect:文本被选中时触发。
20)onsubmit:提交按钮被点击时触发。
21)onunload:用户退出页面时触发。
以上为JavaScript事件属性的总结。这些知识点由作者自行汇总,如有遗漏欢迎指正,以期共同进步。
D3.js 处理大规模数据点的性能优化策略
2026-11-05 15:37:25
JS实现网页摄像头实时扫码:结合getUserMedia与jsQR教程
2026-11-05 15:27:28
D3.js v5 迁移到 v7 的 API 变更与注意事项
2026-11-05 11:57:17
使用 animate.js 实现多元素协同的序列动画
2026-11-04 22:27:53
JS拖拽排序时怎么添加平滑动画效果?FLIP技术实战
2026-11-04 10:12:22
