javascript事件處理的過程是什么

本文小編為大家詳細(xì)介紹“javascript事件處理的過程是什么”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“javascript事件處理的過程是什么”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識吧。

javascript事件處理過程分為三步：1、發(fā)生事件；2、啟動事件處理程序；3、事件處理程序做出反應(yīng)。其中，要使事件處理程序能夠啟動，必須通過指定的對象來調(diào)用相應(yīng)的事件，然后通過該事件調(diào)用事件處理程序。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

JavaScript是基于對象（object-based）的語言，它的一個(gè)最基本的特征就是采用事件驅(qū)動（event-driven）。可以使在圖形界面環(huán)境下的一切操作變得簡單化。通過鼠標(biāo)或熱鍵的動作稱為事件（event）。由鼠標(biāo)或熱鍵引發(fā)的一連串程序動作，稱為事件驅(qū)動（event driver），而對事件進(jìn)行處理的程序或函數(shù)，稱為事件處理程序（event handler）。

事件與事件處理概述

事件處理是對象化編程的個(gè)很重要的環(huán)節(jié)，它可以使程序的邏輯結(jié)構(gòu)更加清晰，使程序更具有靈活性，提高了程序的開發(fā)效率。

事件處理的過程分為三步：

• ①發(fā)生事件;

• ②啟動事件處理程序;

• ③事件處理程序做出反應(yīng)。

其中，要使事件處理程序能夠啟動，必須通過指定的對象來調(diào)用相應(yīng)的事件，然后通過該事件調(diào)用事件處理程序。事件處理程序可以是任意JavaScript語句，但是一般用特定的自定義函數(shù)(function) 來對事件進(jìn)行處理。

事件與事件名稱

事件是一些可以通過腳本響應(yīng)的頁面動作。當(dāng)用戶按下鼠標(biāo)鍵或者提交一個(gè)表單， 甚至在頁面上移動鼠標(biāo)時(shí)，事件就會出現(xiàn)。事件處理是一段 JavaScript代碼，總是與頁面中的特定部分以及一定的事件相關(guān)聯(lián)。當(dāng)與頁面特定部分關(guān)聯(lián)的事件發(fā)生時(shí)，事件處理器就會被調(diào)用。

絕大多數(shù)事件的命名都是描述性的，很容易理解。例如click. submit. mousecover 等，通過名稱就可以猜測其含義。但也有少數(shù)事件的名稱不易理解，例如blur (英文的字面意思為“模糊”)，表示一個(gè)域或者 一個(gè)表單失去焦點(diǎn)。通常，事件處理器的命名原則是， 在事件名稱前加上前綴on.例如，對于click事件，其處理器名為onclick.

JavaScript的常用事件

JavaScript的相關(guān)事件

事件處理程序的調(diào)用

在使用事件處理程序?qū)撁孢M(jìn)行操作時(shí)，最重要的是如何通過對象的事件來指定事件處理程序。

1.在JavaScript中

在JavaScript中調(diào)用事件處理程序，首先需要獲得要處理對象的引用，然后將要執(zhí)行的處理函數(shù)賦值給對應(yīng)的事件。

代碼：

<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標(biāo)記中添加相應(yīng)的事件，并在其中指定要執(zhí)行的代碼或函數(shù)名即可。

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

讀到這里，這篇“javascript事件處理的過程是什么”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識點(diǎn)還需要大家自己動手實(shí)踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。