网页中能被 JavaScript 侦测到的行为称为 JavaScript 事件。以下是一些常见的 JavaScript 事件举例:
-
页面内容被浏览器载入
-
用户点击一个按钮
-
用户按下某个按键
事件通常和 JavaScript 函数一起配合使用,即以事件驱动函数,来完成我们希望的某些功能。
常用 JavaScript 事件列表
以下是常用的 JavaScript 事件列表,点击对应链接可查看每个事件具体的用法示例:
一般事件
事件属性 | 触发该事件的条件 |
---|---|
onclick 事件 | 鼠标点击某个对象 |
ondblclick 事件 | 鼠标双击某个对象 |
onmousedown 事件 | 按下鼠标键 |
onmouseup 事件 | 鼠标键按下后松开 |
onmouseover 事件 | 鼠标移动到某对象范围的上方 |
onmouseout 事件 | 鼠标离开某对象范围 |
onkeydown 事件 | 键盘上某个按键被按下 |
onkeypress 事件 | 键盘上某个键被按下或按住 |
onkeyup 事件 | 键盘上某个键(按下后)被松开 |
表单相关事件
事件属性 | 触发该事件的条件 |
---|---|
onblur 事件 | 元素失去焦点 |
onfocus 事件 | 元素获得焦点 |
onchange 事件 | 用户改变表单域的内容 |
onsubmit 事件 | 表单提交按钮被点击 |
onreset 事件 | 表单重置按钮被点击 |
页面相关事件
事件属性 | 触发该事件的条件 |
---|---|
onload 事件 | 页面或图像(被浏览器)加载完成 |
onunload 事件 | 用户退出页面(或页面改变为其他页面) |
onerror 事件 | 当加载文档或图像时发生某个错误 |
onresize 事件 | 窗口或框架被调整尺寸 |
onmove 事件 | 窗口或框架被移动 |
onscroll 事件 | 浏览器的滚动条位置发生变化 |
onstop 事件 | 浏览器的停止按钮被按下或者正在下载的文件被中断 |
编辑事件
事件属性 | 触发该事件的条件 |
---|---|
onselect 事件 | 当文本内容被选择 |
onbeforecopy 事件 | 当页面被选择内容将要复制到系统剪贴板前 |
oncopy 事件 | 当前被选择的内容被复制后 |
oncut 事件 | 当前被选择的内容被剪切 |
onpaste 事件 | 当内容被粘贴时 |