HTML 事件属性

最后更新：2026-09-12

HTML 事件属性

事件属性用于在 HTML 中直接绑定事件处理器，当特定事件发生时执行 JavaScript。它们可用于所有 HTML 元素（全局事件属性），是页面交互的基础。

窗口 / 文档事件

全局事件	说明
`onload`	元素（如图片、页面）加载完成后触发。
`onunload`	页面卸载（离开）时触发。
`onresize`	窗口大小被调整时触发。
`onscroll`	元素或页面的滚动条被滚动时触发。
`onerror`	加载资源（如图片、脚本）出错时触发。

表单事件

全局事件	说明
`onsubmit`	表单提交时触发，常用于表单校验。
`onreset`	表单被重置时触发。
`onchange`	表单控件的值改变并失去焦点后触发。
`oninput`	元素的值改变时实时触发（输入即触发）。
`onfocus`	元素获得焦点时触发。
`onblur`	元素失去焦点时触发。
`onselect`	用户选中文本框中的文本时触发。

键盘事件

全局事件	说明
`onkeydown`	按下键盘按键时触发。
`onkeyup`	松开键盘按键时触发。
`onkeypress`	按下并松开一个按键（产生字符）时触发，已不推荐使用。

鼠标事件

全局事件	说明
`onclick`	用户点击元素时触发。
`ondblclick`	用户双击元素时触发。
`onmousedown`	在元素上按下鼠标按钮时触发。
`onmouseup`	在元素上松开鼠标按钮时触发。
`onmousemove`	鼠标在元素上移动时触发。
`onmouseover`	鼠标指针进入元素（或其子元素）时触发。
`onmouseout`	鼠标指针离开元素（或其子元素）时触发。
`onwheel`	在元素上滚动鼠标滚轮时触发。
`oncontextmenu`	用户右键点击元素（打开上下文菜单）时触发。

拖拽事件

全局事件	说明
`ondrag`	元素被拖拽的过程中持续触发。
`ondrop`	被拖拽的元素在目标元素上释放时触发。

剪贴板事件

全局事件	说明
`oncopy`	用户复制内容时触发。
`oncut`	用户剪切内容时触发。
`onpaste`	用户粘贴内容时触发。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。