《《事件和事件處理》PPT課件.ppt》由會(huì)員分享，可在線閱讀，更多相關(guān)《《事件和事件處理》PPT課件.ppt（19頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

JavaScript程序設(shè)計(jì),第五章事件和事件處理,5.1理解事件,事件概述事件是瀏覽器響應(yīng)用戶操作的機(jī)制，說(shuō)明了用戶與Web頁(yè)面交互時(shí)產(chǎn)生的操作。事件可以向?yàn)g覽器表明有操作發(fā)生，需要瀏覽器處理。瀏覽器可以監(jiān)聽(tīng)事件，在事件發(fā)生時(shí)做出反應(yīng)，進(jìn)行相應(yīng)的處理工作。這種監(jiān)聽(tīng)、響應(yīng)事件并進(jìn)行處理的過(guò)程被稱為事件處理。有些事件可以被瀏覽器自動(dòng)監(jiān)聽(tīng)，由瀏覽器自動(dòng)觸發(fā)，例如：窗體的load事件。有些事件是用來(lái)執(zhí)行某段代碼以響應(yīng)用戶請(qǐng)求的，由人工編寫(xiě)程序進(jìn)行定義的，當(dāng)特定的事件發(fā)生時(shí)，執(zhí)行這個(gè)事件對(duì)應(yīng)的代碼，以完成預(yù)期的事件處理。在JavaScript中，事件分很多種，如鼠標(biāo)事件，鍵盤(pán)事件，HTML事件，變動(dòng)事件,5.2鼠標(biāo)事件,鼠標(biāo)事件:單擊過(guò)程中，拖標(biāo)事件是指鼠標(biāo)狀態(tài)的改變，包括鼠標(biāo)在移動(dòng)過(guò)程中動(dòng)過(guò)程中等所有鼠標(biāo)狀態(tài)改變都會(huì)觸發(fā)事件。常用的鼠標(biāo)事件有onclick單擊事件，ondbClick雙擊事件，onmouseout鼠標(biāo)離開(kāi)事件，onmouseover鼠標(biāo)移到上方事件，onmouseup鼠標(biāo)放開(kāi)按鍵事件，onmousedown鼠標(biāo)按下事件,5.2.1onclick單擊事件,Onclick事件在鼠標(biāo)單擊某表單域時(shí)觸發(fā)。單擊是指鼠標(biāo)停留在對(duì)象上，按下鼠標(biāo)按鍵，沒(méi)有移動(dòng)鼠標(biāo)而放開(kāi)鼠標(biāo)按鍵這一完整過(guò)程。例如要求單擊“保存”按鈕時(shí)，提交當(dāng)前表單Functionbtnsave（）{document.form[0].submit();},5.2.2ondblClick雙擊事件,ondblClick事件在鼠標(biāo)雙擊某表單域時(shí)觸發(fā)，雙擊事件是在較短時(shí)間內(nèi)連接兩次完成鼠標(biāo)點(diǎn)擊。,5.2.3onmouseover鼠標(biāo)移動(dòng)到上方事件,Onmouseover事件在鼠標(biāo)進(jìn)入對(duì)象范圍（移到對(duì)象上方）時(shí)觸發(fā)。例如：當(dāng)鼠標(biāo)進(jìn)入單元格時(shí)，觸發(fā)onmouseover事件，調(diào)用名稱為modStyle的事件處理函數(shù)完成單元格樣式的改變，onmouseover事件可以應(yīng)用在所有的html元素中。例如：鼠標(biāo)沒(méi)有經(jīng)過(guò)上面,5.2.4onmouseout鼠標(biāo)離開(kāi)事件,Onmouseout事件在鼠標(biāo)離開(kāi)對(duì)象時(shí)觸發(fā)。Onmouseout通常和onmouseover共同改變對(duì)象的狀態(tài)鼠標(biāo)沒(méi)在上面,onmousedown鼠標(biāo)按下事件onmousedown事件在用戶把鼠標(biāo)放在對(duì)象上按下鼠標(biāo)標(biāo)使觸發(fā)。onmouseup鼠標(biāo)放開(kāi)按鍵事件onmouseup事件在用戶把鼠標(biāo)放在對(duì)象上鼠標(biāo)按鍵被按下的情況下，放開(kāi)鼠標(biāo)時(shí)觸發(fā)。如果接收鼠標(biāo)按下事件的對(duì)象與鼠標(biāo)鍵放開(kāi)時(shí)的對(duì)象不是同一個(gè)對(duì)象，那么onmouseup事件不會(huì)觸發(fā)。,5.2.5鼠標(biāo)按下和放開(kāi)事件,5.2.6onselect選中事件,onselect事件在文本框或是文本域的內(nèi)容被選中時(shí)（選中部分高亮顯示）觸發(fā)。onselect事件的具體過(guò)程是從鼠標(biāo)按鍵被按下，到鼠標(biāo)開(kāi)始移動(dòng)并選擇內(nèi)容的過(guò)程。這個(gè)過(guò)程并不包括鼠標(biāo)鍵的放開(kāi)。,5.3鍵盤(pán)事件,鍵盤(pán)事件是指鍵盤(pán)狀態(tài)的改變。常用的鍵盤(pán)事件有onkeydown鍵盤(pán)事件，onkeypress按下鍵事件和onkeyup放開(kāi)鍵事件,5.3.1onkeydown按鍵事件,Onkeydown事件在鍵盤(pán)的按鍵被按下時(shí)觸發(fā)。Onkeydown事件用于接收鍵盤(pán)的所有按鍵（包括功能鍵）被按下時(shí)的事件。Onkeydown事件與onkeypress事件都在按鍵按下時(shí)觸發(fā)，但是兩者有區(qū)別。,5.3.2onkeypress按下事件,Onkeypress事件在鍵盤(pán)的按鍵被按下時(shí)觸發(fā)。Onkeypress事件與onkeydown事件兩者有先后順序，onkeypress事件是在onkeydown事件之后發(fā)生的。此外當(dāng)按下任何任何按鍵時(shí)都會(huì)觸發(fā)onkeydown事件；但是onkeypress事件只在按下鍵盤(pán)的任一字符鍵（如A-Z數(shù)字鍵）是觸發(fā)，但是單獨(dú)按下功能鍵，ctrl鍵，shift鍵，alt鍵等不會(huì)觸發(fā)onkeypress事件。,5.3.3onkeyup放開(kāi)鍵事件,onkeyup事件在鍵盤(pán)的按鍵被按下然后放開(kāi)時(shí)觸發(fā),5.4HTML事件,HTML事件是指HTML文件狀態(tài)改變時(shí)觸發(fā)，用戶可以捕獲的事件。,HTML常用事件,用戶名:密碼：,onsubmit實(shí)例代碼onsubmittestfunctionsubmethod(){varusername=document.getElementById("username").value;varpassword=document.getElementById("password").value;if(""==username||""==password){alert("用戶名或密碼空");returnfalse;}else{returntrue;}},5.5變動(dòng)事件,變動(dòng)事件是指由于光標(biāo)位置的改變引起的狀態(tài)的改變。,