本文小編為大家詳細(xì)介紹“javascript是不是事件驅(qū)動”,內(nèi)容詳細(xì),步驟清晰,細(xì)節(jié)處理妥當(dāng),希望這篇“javascript是不是事件驅(qū)動”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學(xué)習(xí)新知識吧。
創(chuàng)新互聯(lián)主營格爾木網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,重慶APP軟件開發(fā),格爾木h5小程序制作搭建,格爾木網(wǎng)站營銷推廣歡迎格爾木等地區(qū)企業(yè)咨詢
JavaScript是事件驅(qū)動的;JavaScript是一種基于對象和事件驅(qū)動并且具有安全性能的腳本語言,事件驅(qū)動是通過鼠標(biāo)或熱鍵的動作引發(fā)的,事件處理的過程是先發(fā)生事件,后啟動事件處理程序并做出反應(yīng)。
本教程操作環(huán)境:windows10系統(tǒng)、javascript1.8.5版、Dell G3電腦。
javascript是事件驅(qū)動的
javascript中的事件驅(qū)動是通過 鼠標(biāo)或熱鍵 的動作引發(fā)的. 主要事件如下:
1、鼠標(biāo)單擊事件 onclick
2、內(nèi)容改變事件 onchange
3、選中事件 onselect --當(dāng)text或textarea的內(nèi)容被高亮顯示后觸發(fā)該事件
4、獲得焦點事件 onFocus --當(dāng)對象獲得焦點時發(fā)生
5、失去焦點事件 onBlur --和獲得焦點事件相對應(yīng)!
6、文檔載入事件 onload --當(dāng)文檔被載入是觸發(fā)事件。通常也叫加載事件(加載運行) 一般用來設(shè)置cookie
7、卸載文檔事件 onunload --和加載文檔事件對應(yīng)。當(dāng)web頁面退出時發(fā)生,通常更新cookie的值
8、鼠標(biāo)右鍵菜單功能事件 oncontextmenu --可以屏蔽鼠標(biāo)右鍵時使用
事件處理:
1.發(fā)生事件
2.啟動事件處理程序(通過 事件處理器觸發(fā))
3.事件處理程序作出反應(yīng)
事件的調(diào)用(都是通過 事件處理器 調(diào)用),示例如下:
1.在HTML中調(diào)用
2.在Javascript中調(diào)用
在上面代碼中,一定要把Javascript腳本放在元素標(biāo)記的下面,因為Javascript語言是解釋型語言,執(zhí)行順序是按順序逐行執(zhí)行,只有這樣變量b才能獲取到 元素標(biāo)記對象
在瀏覽器中,事件對象是window對象的一個屬性event,作用是在事件被觸發(fā)時,獲取觸發(fā)事件的對象,在IE瀏覽器中,事件對象真正包含在even的srcElement屬性中;在DOM瀏覽器中(非IE瀏覽器中),事件對象真正包含在event的target屬性中
function someHandle(){ var oEvent; if(window.event==true){ //判讀是否存在事件對象 oEvent=window.event; } var oTarget; if(oEvent.srcElement==true){ oTarget=oEvent.srcElement; //IE瀏覽器 } else{ oTarget=oEvent.target; //DOM瀏覽器 } alert(oTarget.tarName); //彈出目標(biāo)對象的標(biāo)記名稱 } window.onload=function(){ var oImg=document.getElementsByTagName("img")[0]; //獲取一組name為img的標(biāo)記的第一個 oImg.onclick=someHandle(); }
讀到這里,這篇“javascript是不是事件驅(qū)動”文章已經(jīng)介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會,如果想了解更多相關(guān)內(nèi)容的文章,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。