javascript事件处理过程分为几步

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

前端（vue）入门到精通课程：进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具：点击使用

本教程操作环境：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视频教程、编程视频】

以上就是javascript事件处理过程分为几步的详细内容，更多请关注gxlsystem.com其它相关文章！