JavaScript入门教程

JavaScript简介
JavaScript语法基础
JavaScript流程控制
JavaScript函数
面向对象编程
JavaScript事件
JavaScript DOM
正则表达式
JavaScript BOM
AJAX

专题分析

浏览器兼容性
JS优化
Web前端开发规范
编辑器推荐
总结和笔记

学习助手

对象参考手册
ECMAScript分析
数据中心
QQ交流群

JavaScript事件参考手册

JavaScript支持丰富的事件类型,能使Web开发更加快速和简洁。

JavaScript所支持的事件,可以分为以下几类:
  • 窗口事件 (Window Events)
  • 表单元素事件 (Form Element Events)
  • 图像事件 (Image Events)
  • 键盘事件 (Keyboard Events)
  • 鼠标事件 (Mouse Events)

窗口事件 (Window Events)

仅在 body 和 frameset 元素中有效。
事件 说明
onload 当网页被载入时执行脚本。
onunload 当网页被关闭时执行脚本。

表单元素事件 (Form Element Events)

仅在表单元素中有效。
事件 说明 演示
onchange 当元素(select 、复选框 等)改变时执行脚本
onsubmit 当表单(form)被提交时执行脚本
 
onreset 当表单被重置时执行脚本

 
onselect 当元素被选取时执行脚本
onblur 当元素失去焦点时执行脚本
onfocus 当元素获得焦点时执行脚本

图像事件 (Image Events)

该属性可用于 img 元素:
事件 说明
onabort 当图像加载中断时执行脚本

键盘事件 (Keyboard Events)

在下列元素中无效:base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。
事件 说明 演示
onkeydown 当键盘被按下时执行脚本
onkeypress 当键盘被按下后又松开时执行脚本
onkeyup 当键盘被松开时执行脚本

鼠标事件 (Mouse Events)

在下列元素中无效:base、bdo、br、frame、frameset、head、html、iframe、meta、param、script、style 以及 title 元素。
事件 说明 演示
onclick 当鼠标被单击时执行脚本
在这里单击鼠标
ondblclick 当鼠标被双击时执行脚本
在这里双击鼠标
onmousedown 当鼠标按钮被按下时执行脚本
在这里按下鼠标
onmousemove 当鼠标指针移动时执行脚本
在这里移动鼠标
onmouseout 当鼠标指针移出某元素时执行脚本
将鼠标移动到这里再离开
onmouseover 当鼠标指针悬停于某元素之上时执行脚本
将鼠标移动到这里
onmouseup 当鼠标按钮被松开时执行脚本
按下鼠标再松开