JavaScript 事件
為JavaScript在瀏覽器中以單執(zhí)行緒模式執(zhí)行，頁面載入後，一旦頁面上所有的JavaScript程式碼執(zhí)行完後，就只能依賴觸發(fā)事件來執(zhí)行JavaScript程式碼。
瀏覽器在接收到使用者的滑鼠或鍵盤輸入後，會(huì)自動(dòng)在對(duì)應(yīng)的DOM節(jié)點(diǎn)上觸發(fā)對(duì)應(yīng)的事件。如果節(jié)點(diǎn)已經(jīng)綁定了對(duì)應(yīng)的JavaScript處理函數(shù)，則該函數(shù)就會(huì)自動(dòng)呼叫。
JavaScript 事件
網(wǎng)頁中能被 JavaScript 偵測(cè)到的行為稱為 JavaScript 事件。以下是一些常見的JavaScript 事件範(fàn)例：
1. 頁面內(nèi)容被瀏覽器載入
2. 使用者點(diǎn)擊一個(gè)按鈕
3. 使用者按下某個(gè)按鍵
事件通常和?JavaScript 函數(shù)一起配合使用，也就是以事件驅(qū)動(dòng)函數(shù)，來完成我們想要的某些功能。
常見的HTML事件
以下是一些常見的HTML事件的清單:
事件? ? ? ? ?#描述說明
##onchange ? ?HTML 元素改變? ?onclick ? ?使用者點(diǎn)選HTML 元素? ?#onmouseover ? ?使用者在一個(gè)HTML?上移開鼠標(biāo)? ?
onkeydown ? ?用戶按下鍵盤按鍵? ?onload ? ?瀏覽器已完成頁面的加載? ?onclick 事件 ######當(dāng)滑鼠點(diǎn)擊頁面上某個(gè)物件時(shí)，會(huì)觸發(fā)onclick 事件，如下例子所示：###<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<script type="text/javascript">
function hello(){
var name = document.getElementById("name").value;
if( name == "") {
alert("請(qǐng)輸入你的姓名！");
return false;
} else {
alert(name + "，你好！");
}
}
</script>
</head>
<body>
姓名：<input type="text" id="name" />
<input type="button" onclick="hello()" value="確定" />
</body>
</html>###在上面的例子中，對(duì)確定按鈕設(shè)定了onclick 事件屬性，其值為"hello()" JavaScript 函數(shù)，也即點(diǎn)擊按鈕時(shí)，執(zhí)行hello 函數(shù)。 ###<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<button onclick="displayDate()">點(diǎn)這里</button>
<script>
function displayDate(){
document.getElementById("demo").innerHTML=Date();
}
</script>
<p id="demo"></p>
</body>
</html>###JavaScript 可以做什麼?######事件可以用來處理表單驗(yàn)證，使用者輸入，使用者行為及瀏覽器動(dòng)作:###頁面載入時(shí)觸發(fā)事件頁面關(guān)閉時(shí)觸發(fā)事件使用者點(diǎn)擊按鈕執(zhí)行動(dòng)作驗(yàn)證使用者輸入內(nèi)容的合法性等等...
#可以使用多種方法來執(zhí)行JavaScript 事件程式碼：
HTML 事件屬性可以直接執(zhí)行JavaScript 程式碼
HTML 事件屬性可以呼叫JavaScript 函數(shù)你可以為?
HTML 元素指定自己的事件處理程序
#你可以封鎖事件的發(fā)生。
等等 ...
