小編給大家分享一下JavaScript中事件與異常捕獲的示例分析,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創(chuàng)新互聯(lián)長期為上千多家客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊從業(yè)經(jīng)驗10年,關(guān)注不同地域、不同群體,并針對不同對象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺,與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為靈川企業(yè)提供專業(yè)的網(wǎng)站設(shè)計制作、做網(wǎng)站,靈川網(wǎng)站改版等技術(shù)服務(wù)。擁有10多年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。
事件處理
【onClick】單擊事件、【onMouseOver】鼠標(biāo)經(jīng)過事件、【onMouseOut】鼠標(biāo)移出事件、【onChange】文本內(nèi)容改變事件、【onSelect】文本被框選事件、【onFoucus】得到光標(biāo)事件、【onBlur】光標(biāo)失去事件、【onLoad】網(wǎng)頁加載事件(在body標(biāo)簽中添加)、【onUnload】網(wǎng)頁關(guān)閉事件(在body標(biāo)簽中添加或者使用window.onload=function(){}
)
事件注冊及監(jiān)聽
1、 DOM0級事件處理
在標(biāo)簽中添加onClick或其他事件的屬性并賦值為JS的自定義方法名
onClick="dongfun(20)"
兩種方法在事件中得到事件的標(biāo)簽對象:
東小東
內(nèi)容改變監(jiān)聽:
方法一
方法二
2、 DOM1級事件處理
通過標(biāo)簽或者ID尋找到對象,進(jìn)行事件監(jiān)聽,一個事件只能對應(yīng)一個事件處理函數(shù),在HTML中不用進(jìn)行注冊
function dongfunx(){ alert("東小東彈框"); } //找到對象 var h2objx=document.getElementsByTagName("h2")[0]; //注冊事件 h2objx.onclick=dongfunx; //清除事件 h2objx.onclick=null;
3、 DOM2級事件處理
通過標(biāo)簽或者ID尋找到對象,進(jìn)行事件監(jiān)聽,一個事件只能對應(yīng)多個事件處理函數(shù),在HTML中不用進(jìn)行注冊
//通過ID找到標(biāo)簽對象 divobjx=document.getElementById("divid"); //添加監(jiān)聽事件,可以添加多個相同或者不同的事件 //參數(shù)(事件名,處理函數(shù)名),其中事件名是普通事件中去掉“on”前綴 divobjx.addEventListener("click",onck1); divobjx.addEventListener("click",onck2); //事件處理函數(shù) function onck1(){ alert("----- onck1 -----"); } function onck2(){ alert("----- onck2 -----"); } //移除點擊事件 divobjx.removeEventListener("click",onck1);
匿名方法實現(xiàn)
divobjx=document.getElementById("divid"); divobjx.addEventListener("click",function(){ //執(zhí)行操作內(nèi)容 alert("----------"); });
補充:
阻止HTML的默認(rèn)事件
跳轉(zhuǎn)
頁面加載完畢監(jiān)聽:
window.onload=function(){ alert("頁面加載完畢"); }
異常捕獲
如果程序執(zhí)行時遇到異常且未進(jìn)行異常捕獲,則程序?qū)⒔K止執(zhí)行,如果有異常捕獲,則可以繼續(xù)執(zhí)行異常以下的代碼。
捕獲所有異常:
try{ //alert(jj);//未定義變量異常 throw("東小東異常");//手動拋出異常,參數(shù)為異常內(nèi)容 }catch(e){ alert("捕獲的錯誤:"+e); }
以上是“JavaScript中事件與異常捕獲的示例分析”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!