|
|
事件
JavaScript使我們有能力創(chuàng)建動(dòng)態(tài)頁(yè)面。事件是可以被JavaScript偵測(cè)到的行為。
網(wǎng)頁(yè)中的每個(gè)元素都可以產(chǎn)生某些可以觸發(fā)JavaScript函數(shù)的事件。比方說，我們可以在用戶點(diǎn)擊某按鈕時(shí)產(chǎn)生一個(gè)onClick事件來觸發(fā)某個(gè)函數(shù)。事件在HTML頁(yè)面中定義。
事件舉例：
鼠標(biāo)點(diǎn)擊
頁(yè)面或圖像載入
鼠標(biāo)懸浮于頁(yè)面的某個(gè)熱點(diǎn)之上
在表單中選取輸入框
確認(rèn)表單
鍵盤按鍵
注意：事件通常與函數(shù)配合使用，當(dāng)事件發(fā)生時(shí)函數(shù)才會(huì)執(zhí)行。
如果需要更全面的關(guān)于Javascript可識(shí)別的事件的知識(shí)，請(qǐng)閱讀我們的完整版《事件參考手冊(cè)》。
onload 和 onUnload
當(dāng)用戶進(jìn)入或離開頁(yè)面時(shí)就會(huì)觸發(fā)onload 和 onUnload事件。
onload事件常用來檢測(cè)訪問者的瀏覽器類型和版本，然后根據(jù)這些信息載入特定版本的網(wǎng)頁(yè)。
onload 和 onUnload事件也常被用來處理用戶進(jìn)入或離開頁(yè)面時(shí)所建立的cookies。例如，當(dāng)某用戶第一次進(jìn)入頁(yè)面時(shí)，你可以使用消息框來詢問用戶的姓名。姓名會(huì)保存在cookie中。當(dāng)用戶再次進(jìn)入這個(gè)頁(yè)面時(shí)，你可以使用另一個(gè)消息框來和這個(gè)用戶打招呼："Welcome John Doe!"。
onFocus, onBlur 和 onChange
onFocus、onBlur和onChange事件通常相互配合用來驗(yàn)證表單。
下面是一個(gè)使用onChange事件的例子。用戶一旦改變了域的內(nèi)容，checkEmail()函數(shù)就會(huì)被調(diào)用。
<input type="text" size="30" id="email" onchange="checkEmail()">onSubmit
onSubmit用于在提交表單之前驗(yàn)證所有的表單域。
下面是一個(gè)使用onSubmit事件的例子。當(dāng)用戶單擊表單中的確認(rèn)按鈕時(shí)，checkForm()函數(shù)就會(huì)被調(diào)用。假若域的值無效，此次提交就會(huì)被取消。checkForm()函數(shù)的返回值是true或者false。如果返回值為true，則提交表單，反之取消提交。
<form method="post" action="xxx.htm" onsubmit="return checkForm()">onMouseOver 和 onMouseOut
onMouseOver 和 onMouseOut用來創(chuàng)建“動(dòng)態(tài)的”按鈕。
下面是一個(gè)使用onMouseOver事件的例子。當(dāng)onMouseOver事件被腳步偵測(cè)到時(shí)，就會(huì)彈出一個(gè)警告框：
<a
onmouseover="alert('An onMouseOver event');return false">
<img src="w3schools.gif" width="100" height="30">
</a>
JavaScript技術(shù)：JavaScript 中的事件教程，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
