1. 程式人生 > >JavaScript事件處理程式

JavaScript事件處理程式

前言

事件就是使用者或瀏覽器自身執行的某種動作。諸如 click、load 和 mouseover,都是事件的名字。而響應某個事件的函式就叫做事件處理程式(或事件偵聽器)。 事件處理程式的名字以 on 開頭,因此 click 事件的事件處理程式就是 onclick。為事件指定處理程式的方式有很多種。

HTML 事件處理程式

某個元素支援的每種事件,都可以使用一個與相應事件處理程式同名的 HTML 特性來指定。這個特性的值應該是能夠執行的 JavaScript 程式碼。例如:

<input type="button" value="Click Me" onclick="alert('Clicked'
)"
/>

這個操作是通過指定 onclick 特性並將一些 JavaScript 程式碼作為它的值來定義。 注意:由於這個值是 JavaScript 程式碼,因此不能使用未經轉義的 HTML 語法字元。

在 HTML 中定義的事件處理程式可以包含要執行的具體動作,也可以呼叫在頁面其他地方定義的指令碼,例如:

<script type="text/avascript">
	function showMessage() {
		alert("Hello World!");
	}
</script>
<input type="button" value="Click Me"
onclick="showMessage()" />

事件處理程式中的程式碼在執行時,有權訪問全域性作用域終的任何程式碼。