JavaScript 常用事件属性完整列表与说明

作者:像素漫游时间:2026-10-28 16:55:32浏览:183

本文汇总了JavaScript中21个常用的事件属性,涵盖鼠标点击、键盘按键、页面加载及表单交互等场景。详细解析了onabort、onchange、onkeydown等属性的触发条件与应用,包括表单验证中的实际用法,帮助开发者理解如何通过事件驱动HTML效果。

JavaScript事件基础

JavaScript事件通常与函数配合使用,通过事件触发函数执行,从而在HTML中产生不同的视觉效果或交互反馈。

以下是当特定事件发生时触发对应函数(function{})的属性列表:

常用事件属性详解

1)onabort:当图像加载过程被中断时触发。

2)onblur:当元素失去焦点时触发(原文拼写为onbur,此处修正为标准写法)。

3)onfocus:当元素获得焦点时触发。

4)onclick:鼠标点击某个对象时触发。

JavaScript事件基础

JavaScript事件基础

5)ondblclick:鼠标双击某个对象时触发(原文为ondbclick,此处修正为标准写法)。

6)onerror:在加载文档或图像时发生错误触发。

7)onchange:当用户修改输入域内容时触发。该事件常结合字段验证使用,例如检查身份证、邮箱注册、登录信息或区号格式是否正确。

JavaScript事件基础

8)onkeydown:键盘上的某个键被按下时触发。

9)onkeypress:键盘上的某个键被按下或按住时触发。

10)onkeyup:键盘上的某个键被松开时触发。

11)onload:页面或图像加载完成时触发。

JavaScript事件基础

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事件属性的总结。这些知识点由作者自行汇总,如有遗漏欢迎指正,以期共同进步。

作者最新文章