12、JavaScript 事件处理全解析

JavaScript 事件处理全解析

一、事件处理基础

1.1 理解事件处理程序

JavaScript 程序不一定要按顺序执行，它可以检测事件并做出反应。事件是指浏览器中发生的事情，如用户点击按钮、鼠标指针移动、网页或图像从服务器加载等。用于检测和响应事件的脚本称为事件处理程序。事件处理程序是 JavaScript 最强大的功能之一，而且通常很容易学习和使用，一个有用的事件处理程序往往只需要一条语句。

1.2 对象与事件

JavaScript 使用一组对象来存储网页各部分的信息，如按钮、链接、图像、窗口等。每个事件都与一个对象相关联，因为事件可能在多个地方发生，例如用户可以点击页面上的任何一个链接。每个事件都有一个名称，例如 onMouseOver 事件在鼠标指针移到页面上的对象时触发。事件处理程序的标准符号是 on 始终小写，事件名称中的每个单词首字母大写。

二、创建事件处理程序

2.1 通过 HTML 标签添加事件处理程序

不需要使用 <script> 标签来定义事件处理程序，而是可以在单个 HTML 标签中添加事件处理程序属性。例如：

<a href="http://www.jsworkshop.com/"
onMouseOver="window.alert('You moved over the link.');">
Click here</a>