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中呼叫事件處理程序，首先需要取得要處理物件的引用，然後將要執行的處理函數賦值給對應的事件。

程式碼：

<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>

##在HTML中指派事件處理程序，只需要在HTML標記中新增對應的事件，並在其中指定要執行的程式碼或函數名稱即可。

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

登入後複製

【相關推薦：

javascript影片教學

、

程式設計影片】

以上是javascript事件處理過程分為幾步的詳細內容。更多資訊請關注PHP中文網其他相關文章！