JavaScript 中的事件教程
更新時間:2007年04月05日 00:00:00 作者:
事件是可以被JavaScript偵測到的行為。
事件
JavaScript使我們有能力創(chuàng)建動態(tài)頁面。事件是可以被JavaScript偵測到的行為。
網(wǎng)頁中的每個元素都可以產(chǎn)生某些可以觸發(fā)JavaScript函數(shù)的事件。比方說,我們可以在用戶點擊某按鈕時產(chǎn)生一個onClick事件來觸發(fā)某個函數(shù)。事件在HTML頁面中定義。
事件舉例:
鼠標點擊
頁面或圖像載入
鼠標懸浮于頁面的某個熱點之上
在表單中選取輸入框
確認表單
鍵盤按鍵
注意:事件通常與函數(shù)配合使用,當事件發(fā)生時函數(shù)才會執(zhí)行。
如果需要更全面的關(guān)于Javascript可識別的事件的知識,請閱讀我們的完整版《事件參考手冊》。
onload 和 onUnload
當用戶進入或離開頁面時就會觸發(fā)onload 和 onUnload事件。
onload事件常用來檢測訪問者的瀏覽器類型和版本,然后根據(jù)這些信息載入特定版本的網(wǎng)頁。
onload 和 onUnload事件也常被用來處理用戶進入或離開頁面時所建立的cookies。例如,當某用戶第一次進入頁面時,你可以使用消息框來詢問用戶的姓名。姓名會保存在cookie中。當用戶再次進入這個頁面時,你可以使用另一個消息框來和這個用戶打招呼:"Welcome John Doe!"。
onFocus, onBlur 和 onChange
onFocus、onBlur和onChange事件通常相互配合用來驗證表單。
下面是一個使用onChange事件的例子。用戶一旦改變了域的內(nèi)容,checkEmail()函數(shù)就會被調(diào)用。
<input type="text" size="30" id="email" onchange="checkEmail()">onSubmit
onSubmit用于在提交表單之前驗證所有的表單域。
下面是一個使用onSubmit事件的例子。當用戶單擊表單中的確認按鈕時,checkForm()函數(shù)就會被調(diào)用。假若域的值無效,此次提交就會被取消。checkForm()函數(shù)的返回值是true或者false。如果返回值為true,則提交表單,反之取消提交。
<form method="post" action="xxx.htm" onsubmit="return checkForm()">onMouseOver 和 onMouseOut
onMouseOver 和 onMouseOut用來創(chuàng)建“動態(tài)的”按鈕。
下面是一個使用onMouseOver事件的例子。當onMouseOver事件被腳步偵測到時,就會彈出一個警告框:
<a
onmouseover="alert('An onMouseOver event');return false">
<img src="w3schools.gif" width="100" height="30">
</a>
事件
JavaScript使我們有能力創(chuàng)建動態(tài)頁面。事件是可以被JavaScript偵測到的行為。
網(wǎng)頁中的每個元素都可以產(chǎn)生某些可以觸發(fā)JavaScript函數(shù)的事件。比方說,我們可以在用戶點擊某按鈕時產(chǎn)生一個onClick事件來觸發(fā)某個函數(shù)。事件在HTML頁面中定義。
事件舉例:
鼠標點擊
頁面或圖像載入
鼠標懸浮于頁面的某個熱點之上
在表單中選取輸入框
確認表單
鍵盤按鍵
注意:事件通常與函數(shù)配合使用,當事件發(fā)生時函數(shù)才會執(zhí)行。
如果需要更全面的關(guān)于Javascript可識別的事件的知識,請閱讀我們的完整版《事件參考手冊》。
onload 和 onUnload
當用戶進入或離開頁面時就會觸發(fā)onload 和 onUnload事件。
onload事件常用來檢測訪問者的瀏覽器類型和版本,然后根據(jù)這些信息載入特定版本的網(wǎng)頁。
onload 和 onUnload事件也常被用來處理用戶進入或離開頁面時所建立的cookies。例如,當某用戶第一次進入頁面時,你可以使用消息框來詢問用戶的姓名。姓名會保存在cookie中。當用戶再次進入這個頁面時,你可以使用另一個消息框來和這個用戶打招呼:"Welcome John Doe!"。
onFocus, onBlur 和 onChange
onFocus、onBlur和onChange事件通常相互配合用來驗證表單。
下面是一個使用onChange事件的例子。用戶一旦改變了域的內(nèi)容,checkEmail()函數(shù)就會被調(diào)用。
<input type="text" size="30" id="email" onchange="checkEmail()">onSubmit
onSubmit用于在提交表單之前驗證所有的表單域。
下面是一個使用onSubmit事件的例子。當用戶單擊表單中的確認按鈕時,checkForm()函數(shù)就會被調(diào)用。假若域的值無效,此次提交就會被取消。checkForm()函數(shù)的返回值是true或者false。如果返回值為true,則提交表單,反之取消提交。
<form method="post" action="xxx.htm" onsubmit="return checkForm()">onMouseOver 和 onMouseOut
onMouseOver 和 onMouseOut用來創(chuàng)建“動態(tài)的”按鈕。
下面是一個使用onMouseOver事件的例子。當onMouseOver事件被腳步偵測到時,就會彈出一個警告框:
<a
onmouseover="alert('An onMouseOver event');return false">
<img src="w3schools.gif" width="100" height="30">
</a>
相關(guān)文章
使用Java實現(xiàn)簡單的server/client回顯功能的方法介紹
本篇文章介紹了,使用Java實現(xiàn)簡單的server/client回顯功能的方法。需要的朋友參考下2013-05-05javascript正則匹配漢字、數(shù)字、字母、下劃線
javascript正則檢測只含有漢字、數(shù)字、字母、下劃線不能以下劃線開頭和結(jié)尾,需要的朋友可以參考下2014-04-04javascript對話框使用方法(警告框 javascript確認框 提示框)
javascript對話框使用方法,有警告框、確認框、提示框的使用方法和語法,大家參考使用吧2014-01-01jQuery中文入門指南,翻譯加實例,jQuery的起點教程
jQuery中文入門指南,翻譯加實例,jQuery的起點教程...2007-01-01