12、JavaScript事件处理全解析

JavaScript事件处理全解析

1. 理解事件处理程序

在JavaScript编程中，程序并非总是按顺序执行，它可以检测事件并做出相应的反应。事件是指在浏览器中发生的各种情况，例如用户点击按钮、鼠标指针移动、网页或图像从服务器加载等。

1.1 事件处理程序概述

用于检测和响应事件的脚本被称为事件处理程序。事件处理程序是JavaScript最强大的功能之一，而且通常易于学习和使用，很多时候一个有用的事件处理程序只需要一条语句。

1.2 对象与事件

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

2. 创建事件处理程序

2.1 在HTML标签中添加事件处理程序属性

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

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