JavaScript 事件
网页中能被 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 事件 | 当内容被粘贴时 |
本章节内容共分 22 部分:
- JavaScript 事件
- JavaScript onclick 事件:鼠标点击页面某个对象
- JavaScript ondblclick 事件:鼠标双击页面某个对象
- JavaScript onmousedown 事件:鼠标任何一个按键被按下
- JavaScript onmouseup 事件:鼠标任何一个按键被松开
- JavaScript onmouseover 事件与 onmouseout 事件:鼠标指针移动到对象上或离开对象
- JavaScript onkeydown 事件:键盘上某个按键被按下
- JavaScript onkeypress 事件:按下或按住一个键盘按键
- JavaScript onkeyup 事件:键盘按键被松开
- JavaScript onblur 事件:页面元素失去焦点
- JavaScript onfocus 事件:页面元素获得焦点
- JavaScript onchange 事件:表单文本域或选择域发生改变
- JavaScript onsubmit 事件:表单被提交
- JavaScript onreset 事件:表单被重置
- JavaScript onload 事件:页面或图像加载完成后
- JavaScript onunload 事件:关闭页面或页面被改变为其他页面
- JavaScript onerror 事件:加载页面或图像时发生错误
- JavaScript onresize 事件:当浏览器窗口或 HTML 对象改变大小
- JavaScript onscroll 事件:滚动条发生滚动及利用 onscroll 来实现 返回顶部 效果
- JavaScript onselect 事件:文本框中的文本被选中
- JavaScript oncopy 事件:文本被复制及利用 oncopy 实现拷贝内容时增加版权信息
- JavaScript oncut 事件与 onpaste 事件:文本域文本被剪切或粘贴(禁止粘贴实例)