JavaScript入门教程

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

专题分析

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

学习助手

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

JavaScript事件的概念

所谓事件,是指 JavaScript 捕获到用户的操作,并做出正确的响应。例如,用户单击鼠标弹出一个窗口,把鼠标移动到某个元素上产生变化。

JavaScript 事件一般与DOM元素绑定。

示例 1 :点击按钮弹出警告框。


示例 2 :鼠标移动到DOM元素上时文字发生变化。
将鼠标移动到此处

示例 3 :点击两次隐藏DOM元素。
点击两次

通过上面的例子发现,当我们对 DOM 元素进行操作时,JavaScript会做出相应的处理。

JavaScript处理事件的基本机制:
  1. 对DOM元素绑定事件处理函数;
  2. 监听用户的操作;
  3. 当用户在相应的DOM元素上进行与绑定事件对应的操作时,事件处理函数做出响应;
  4. 将处理结果更新到 HTML 文档。

图 6-1  JavaScript处理事件的基本机制