JavaScript是基于對(duì)象(object-based的語(yǔ)言。而基于對(duì)象的基本特征,就是采用事件驅(qū)動(dòng)(event-driven)。它是在圖形界面的環(huán)境下,使得一切輸入變化簡(jiǎn)單化.通常鼠標(biāo)或熱鍵的動(dòng)作我們稱之為事件(Event),而由鼠標(biāo)或熱鍵引發(fā)的一連串程序的動(dòng)作,稱之為事件驅(qū)動(dòng)(Event Driver)。而對(duì)事件進(jìn)行處理程序或函數(shù),我們稱之為事件處理程序(Event Handler)。
利用JavaScript的事件,主要有下面兩個(gè)用途:
●? 驗(yàn)證用戶輸入窗體的數(shù)據(jù)
●? 增加頁(yè)面的動(dòng)態(tài)效果
一般來(lái)說(shuō),一個(gè)利用JavaScript實(shí)現(xiàn)交互功能的Web網(wǎng)頁(yè)總是有3個(gè)部分的內(nèi)容:
●? 在Head部分定義一些 javascript函數(shù),其中的一些可能是事件處理函數(shù),另外一些可能是為了配合這些事件處理函數(shù)而編寫的普通函數(shù)。
●? HTML本身的各種控制標(biāo)記。
●? 擁有句柄屬性的 HTML標(biāo)記,主要涉及到一些界面元素。這些元素可以把HTML同JavaScript代碼相連。
為了理解JavaScript的事件處理模型,可以設(shè)想一下在一個(gè)Web頁(yè)面可能會(huì)遇到怎樣的用戶響應(yīng)。歸納起來(lái),必須使用的事件主要有3大類:
一類是引起頁(yè)面之間跳轉(zhuǎn)的事件,主要是超鏈接事件;在一類是
瀏覽器自己引起的事件,例如網(wǎng)頁(yè)的裝載、表單的提交等;另一類事件是在表單內(nèi)部同界面對(duì)象的交互,包括界面對(duì)象的選定、改變等。可以按照應(yīng)用程序的具體功能自由設(shè)計(jì)。
onClick事件
鼠標(biāo)單擊事件是最常見(jiàn)的事件之一,當(dāng)用戶單擊鼠標(biāo)按鈕時(shí)。同時(shí)onClick指定的事件處理程序或代碼將被調(diào)用執(zhí)行。
文件范例:15-14.htm>
在腳本中使用onClick事件。
01?
02?
03?
04?
05?
06?
07?
OnClick事件08?
09?
10?
13?
14?
文件說(shuō)明
第11行使用 onClick事件彈出警告提示對(duì)話框。
onChange事件
onChange事件就是當(dāng)文本框的內(nèi)容改變時(shí)發(fā)生的事件。
文件范例:15-15.htm
在腳本中使用onChange事件。
01?
02?
03?
04?
05?
06?
07?
OnChange事件08?
09?
10?
13?
14?
文件說(shuō)明
第11行使用onChange事件,當(dāng)文本框內(nèi)容發(fā)生改變的時(shí)候彈出警告提示對(duì)話框。
onSelect事件
onSelect事件就是當(dāng)文本框的內(nèi)容被選中時(shí)發(fā)生的事件。
文件范例:15-16.htm
在腳本中使用onSelect事件
01?
02?
03?
04?
05?
06?
07?
OnSelect事件08?
09?
10?
13?
14?
文件說(shuō)明
第11行使用onSelect事件,當(dāng)文本框中內(nèi)容被選中的時(shí)候,警告提示對(duì)話框顯示的結(jié)果。
onFocus事件
onFocus事件就是當(dāng)光標(biāo)落在文本框中時(shí)發(fā)生的事件。
文件范例:15-17.htm
在腳本中使用onFocus事件。
01?
02?
03?
04?
05?
06?
07?
OnFocus事件08?
09?
10?
14?
15?
文件說(shuō)明
第12行使用Onfocus事件,當(dāng)用鼠標(biāo)選中第二個(gè)文本框的時(shí)候,自動(dòng)觸發(fā)Onfocus事件,彈出一個(gè)對(duì)話框。
onLload事件
onload事件是當(dāng)前的網(wǎng)頁(yè)被顯示時(shí)發(fā)生的事件。
文件范例:15-18.htm
在腳本中使用onload事件
01
02?
03?
04?
05?
06?
07?
OnLoad事件08?
09?
10?
12?
13?
文件說(shuō)明
第9行使用OnLoad事件,當(dāng)打開(kāi)網(wǎng)頁(yè)的時(shí)候自動(dòng)打開(kāi)一個(gè)警示框。
onUnload事件
onUnload事件是當(dāng)當(dāng)前的網(wǎng)頁(yè)被關(guān)閉時(shí)發(fā)生的事件。
文件范例:15-19.htm
在腳本中使用onUnload事件
01?
02?
03?
04?
05?
06?
07?
OnUnLoad事件08?
09?
10?
12?
13?
文件說(shuō)明
第9行使用onUnload事件,當(dāng)關(guān)閉網(wǎng)頁(yè)的時(shí)候自動(dòng)打開(kāi)一個(gè)警示框。
onBlur事件
onBlur事件就是當(dāng)光標(biāo)離開(kāi)文本框中時(shí)發(fā)生的事件。
文件范例:15-20.htm
在腳本中使用onBlur事件
01?
02?
03?
04?
05?
06?
07?
OnBlur事件08?
09?
10?
14?
15?
文件說(shuō)明
第12行使用onBlur事件,當(dāng)用鼠標(biāo)離開(kāi)第二個(gè)文本框的時(shí)候,自動(dòng)觸發(fā)onBlur事件,彈出一個(gè)對(duì)話框。
onMouseover事件
onMouseover事件是指當(dāng)鼠標(biāo)移動(dòng)到頁(yè)面元素上方時(shí)發(fā)生的事件。
文件范例:15-21.htm
在腳本中使用onMouseover事件
01?
02?
03?
04?
05?
06?
07?
onMouseOver事件08?
09?
10?
11?
12?
文件說(shuō)明
第10行使用onMouseover事件,當(dāng)鼠標(biāo)指向滾動(dòng)文字的時(shí)候,自動(dòng)觸發(fā)onMouseover事件。
onMouseout事件
onmouseout事件是指當(dāng)鼠標(biāo)離開(kāi)頁(yè)面元素上方時(shí)發(fā)生的事件。
文件范例:15-22.htm
在腳本中使用onmo
關(guān)鍵詞標(biāo)簽:事件,基本,語(yǔ)法,-->
相關(guān)閱讀
熱門文章
eclipse中如何設(shè)置字體大小_eclipse字體大小設(shè)置方法
jsp 實(shí)現(xiàn)在線人數(shù)統(tǒng)計(jì)
Eclipse優(yōu)化設(shè)置教程_Eclipse卡頓優(yōu)化設(shè)置技巧
JS截取字符串常用方法詳細(xì)整理
人氣排行
JS驗(yàn)證日期格式是否正確
Java中3DES加密解密調(diào)用示例
Java技術(shù)-J2EE開(kāi)發(fā)日記-MyEclipse快捷鍵與插件大全
eclipse中如何設(shè)置字體大小_eclipse字體大小設(shè)置方法
Eclipse優(yōu)化設(shè)置教程_Eclipse卡頓優(yōu)化設(shè)置技巧
JavaScript基本語(yǔ)法-常量和變量
用Java刪除文件夾里的所有文件
100多個(gè)很有用的JavaScript函數(shù)以及基礎(chǔ)寫法匯總