JavaScript 事件

JavaScript 事件

网页中能被 JavaScript 侦测到的行为称为 JavaScript 事件。以下是一些常见的 JavaScript 事件举例:

  1. 页面内容被浏览器载入
  2. 用户点击一个按钮
  3. 用户按下某个按键

事件通常和 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 部分:

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

评论于2016-12-18日起不再显示。

5idev.com(我爱开发网) — 提供最好的 XHTML教程DIV+CSS教程JavaScript教程PHP教程ThinkPHP教程