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

作者:页面旅途

时间:2026-10-30

浏览:446

本文系统梳理了 JavaScript 中常用的事件处理属性,涵盖表单交互(如 onblur、onchange、onsubmit)、鼠标操作(如 onclick、onmouseover)及键盘响应(如 onkeydown、onkeyup)。通过清晰定义每个属性的触发时机与应用场景,帮助开发者快速掌握前端交互逻辑,提升网页动态效果与用户体验。

文章目录

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

onblur:在表单元素中,当元素失去焦点时触发执行。


onchange:在表单元素中,当元素内容发生更改时触发执行。


onclick:当用户鼠标点击元素时触发执行。


ondblclick:当用户鼠标双击元素时触发执行。


onfocus:在表单元素中,当元素获得焦点时触发执行。


onkeydown:当用户按下键盘上的某个按键时触发执行。


onkeypress:当用户按下并释放键盘上的某个按键时触发执行。


onkeyup:当用户释放键盘上的某个按键时触发执行。


onload:通常在 body 标签中使用,当页面完全载入时触发执行。


onmousedown:当用户按下鼠标按键时触发执行。


onmousemove:当鼠标光标在元素内部移动时触发执行。


onmouseout:当鼠标光标移出元素范围时触发执行。


onmouseover:当鼠标光标移入元素范围时触发执行。


onmouseup:当用户释放鼠标按键时触发执行。


onreset:在表单元素中,当表单被重置时触发执行。


onselect:在表单元素中,当元素内的文本被选中时触发执行。


onsubmit:在表单元素中,当表单提交时触发执行。


onunload:在 body 标签中使用,当用户关闭页面时触发执行。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章