您好,登錄后才能下訂單哦!
這篇文章將為大家詳細(xì)講解有關(guān)js如何進(jìn)行監(jiān)聽,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
在Javascript中,瀏覽器一般分為兩大類:
① 基于IE內(nèi)核的瀏覽器(版本號(hào)小于9的IE瀏覽器)
② 基于W3C內(nèi)核的瀏覽器(版本號(hào)大于9的IE瀏覽器、Firefox、Google等瀏覽器)
1)基本語法:基于IE內(nèi)核瀏覽器
dom對(duì)象.attachEvent(type,callback,capture) :為元素綁定事件監(jiān)聽程序
參數(shù)說明:
type:綁定的事件類型,如onclick、onmouseover、onmouseout
callback:事件的處理程序,通常是一個(gè)匿名函數(shù)
capture:使用的瀏覽器模型,冒泡模型與捕獲模型,默認(rèn)IE8以下的瀏覽器只支持冒泡模型!
2)基本語法:基于W3C內(nèi)核的事件監(jiān)聽
dom對(duì)象.addEventListener(type,callback) :為W3C內(nèi)核瀏覽器綁定事件監(jiān)聽
參數(shù)說明:
type:綁定事件類型,不帶’on’前綴,如click,mouseover,mouseout
callback:事件的處理程序,通常是一個(gè)匿名函數(shù)
2、總結(jié)事件監(jiān)聽的區(qū)別
IE內(nèi)核的監(jiān)聽方式與W3C內(nèi)核的監(jiān)聽方式:
①方式不同
IE內(nèi)核的瀏覽器使用attachEvent進(jìn)行綁定
W3C內(nèi)核的瀏覽器使用addEventListener進(jìn)行綁定
②參數(shù)不同
IE內(nèi)核瀏覽器,其綁定方式一共有三個(gè)參數(shù)type,callback,capture(使用的瀏覽器模型)
W3C內(nèi)核瀏覽器,其綁定方式一共有二個(gè)參數(shù),type和callback
③type參數(shù)不同
IE內(nèi)核的瀏覽器,type是需要添加’on’前綴的,如onclick
W3C內(nèi)核瀏覽器,type是不需要添加’on’前綴的,如click
④觸發(fā)順序不同
IE內(nèi)核的瀏覽器,其事件監(jiān)聽是先綁定后觸發(fā),后綁定的先觸發(fā)
W3C內(nèi)核的瀏覽器,其事件監(jiān)聽是先綁定先觸發(fā),后綁定的后觸發(fā)
關(guān)于js如何進(jìn)行監(jiān)聽就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。