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事件處理的過程是什么”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。