javascript事件处理的过程是什么

本文小编为大家详细介绍“javascript事件处理的过程是什么”，内容详细，步骤清晰，细节处理妥当，希望这篇“javascript事件处理的过程是什么”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。

javascript事件处理过程分为三步：1、发生事件；2、启动事件处理程序；3、事件处理程序做出反应。其中，要使事件处理程序能够启动，必须通过指定的对象来调用相应的事件，然后通过该事件调用事件处理程序。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

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>

读到这里，这篇“javascript事件处理的过程是什么”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注编程网html频道。