JavaScript以事件驱动（由事件引发一系列相应的操作）实现页面交互。
- 事件源：任何一个html元素（节点）body、div、button、p
- 事件：可以被 JavaScript 侦测到的行为（用户的操作）。
如：
鼠标点击
鼠标悬浮于页面的某个热点之上
页面或图像载入
在表单中选取输入框
确认表单
键盘按键 - 事件处理程序：浏览器为了响应某个事件而对事件进行处理的程序或函数。浏览器在程序运行的大部分时间都等待交互事件的发生，并在事件发生时，自动调用事件处理程序，完成事件处理过程。事件处理过程一般分为三步：
①事件发生；
②调用事件处理程序；
③事件处理程序做出反应。 在JavaScript中对事件的处理通常由函数来完成。其语法格式如下：
function 事件处理函数名(参数列表){
事件处理代码段；
}
通过HTML标签中的事件属性调用该事件处理函数。
例：鼠标事件
<!DOCTYPE HTML>
<html>
<head>
<title> 鼠标事件 </title>
<meta charset="utf-8" />
<style>
div {
background-color: red;
width: 120px;
height: 15px;
padding: 30px;
}
</style>
</head>
<body>
<div onmouseover="mouseOver(this)" onmouseout="mouseOut(this)" onmousedown="mouseDown(this)">
把鼠标移入图形
</div>
<script>
function mouseOver(obj) {
obj.innerText = "鼠标事件测试";
}
function mouseOut(obj) {
obj.innerText = "把鼠标移入图形";
}
function mouseDown(obj) {
obj.innerText = "鼠标已被按下";
}
</script>
</body>
</html>
