目录

事件与事件处理概述

事件与事件名称

JavaScript的常用事件 

JavaScript的相关事件

事件处理程序的调用

1.在JavaScript中

代码：

2.在HTML中

JavaScript是基于对象（object-based）的语言，它的一个最基本的特征就是采用事件驱动（event-driven）。可以使在图形界面环境下的一切操作变得简单化。通过鼠标或热键的动作称为事件（event）。由鼠标或热键引发的一连串程序动作，称为事件驱动（event driver），而对事件进行处理的程序或函数，称为事件处理程序（event handler）。

事件与事件处理概述

事件处理是对象化编程的个很重要的环节，它可以使程序的逻辑结构更加清晰，使程序更具有灵活性，提高了程序的开发效率。事件处理的过程分为三步:①发生事件;②启动事件处理程序;③事件处理程序做出反应。其中，要使事件处理程序能够启动，必须通过指定的对象来调用相应的事件，然后通过该事件调用事件处理程序。事件处理程序可以是任意JavaScript语句，但是一般用特定的自定义函数(function) 来对事件进行处理。

事件与事件名称

事件是一些可以通过脚本响应的页面动作。当用户按下鼠标键或者提交一个表单， 甚至在页面上移动鼠标时，事件就会出现。事件处理是一段 JavaScript代码，总是与页面中的特定部分以及一定的事件相关联。当与页面特定部分关联的事件发生时，事件处理器就会被调用。

      绝大多数事件的命名都是描述性的，很容易理解。例如click. submit. mousecover 等，通过名称就可以猜测其含义。但也有少数事件的名称不易理解，例如blur (英文的字面意思为“模糊”)，表示一个域或者 一个表单失去焦点。通常，事件处理器的命名原则是， 在事件名称前加上前缀on.例如，对于click事件，其处理器名为onclick.

JavaScript的常用事件

                                                    JavaScript的相关事件

事件处理程序的调用

在使用事件处理程序对页面进行操作时，最重要的是如何通过对象的事件来指定事件处理程序。

1.在JavaScript中

在JavaScript中调用事件处理程序，首先需要获得要处理对象的引用，然后将要执行的处理函数赋值给对应的事件。

代码：

<input id="save" name="bt_save" type="button" value="保存" />
<script language="JavaScript" type="text/javascript">
	var b_save=document.getElementById("save");
	b_save.onclick=function(){
		alert("单击了保存按钮");
	}
</script>

2.在HTML中

在HTML中分配事件处理程序，只需要在HTML标记中添加相应的事件，并在其中指定要执行的代码或函数名即可。

<input name="bt_save" type="button" value="保存" onclick="clickFunction();"/>
<script language="JavaScript" type="text/javascript">
	function clickFunction(){
		alert("单击了保存按钮");
	}
</script>