這篇文章將為大家詳細(xì)講解有關(guān)js如何進行監(jiān)聽,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯(lián)主要從事網(wǎng)站制作、成都網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)丹徒,十多年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):18982081108在Javascript中,瀏覽器一般分為兩大類:
① 基于IE內(nèi)核的瀏覽器(版本號小于9的IE瀏覽器)
② 基于W3C內(nèi)核的瀏覽器(版本號大于9的IE瀏覽器、Firefox、Google等瀏覽器)
1)基本語法:基于IE內(nèi)核瀏覽器
dom對象.attachEvent(type,callback,capture) :為元素綁定事件監(jiān)聽程序
參數(shù)說明:
type:綁定的事件類型,如onclick、onmouseover、onmouseout
callback:事件的處理程序,通常是一個匿名函數(shù)
capture:使用的瀏覽器模型,冒泡模型與捕獲模型,默認(rèn)IE8以下的瀏覽器只支持冒泡模型!
2)基本語法:基于W3C內(nèi)核的事件監(jiān)聽
dom對象.addEventListener(type,callback) :為W3C內(nèi)核瀏覽器綁定事件監(jiān)聽
參數(shù)說明:
type:綁定事件類型,不帶’on’前綴,如click,mouseover,mouseout
callback:事件的處理程序,通常是一個匿名函數(shù)
2、總結(jié)事件監(jiān)聽的區(qū)別
IE內(nèi)核的監(jiān)聽方式與W3C內(nèi)核的監(jiān)聽方式:
①方式不同
IE內(nèi)核的瀏覽器使用attachEvent進行綁定
W3C內(nèi)核的瀏覽器使用addEventListener進行綁定
②參數(shù)不同
IE內(nèi)核瀏覽器,其綁定方式一共有三個參數(shù)type,callback,capture(使用的瀏覽器模型)
W3C內(nèi)核瀏覽器,其綁定方式一共有二個參數(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如何進行監(jiān)聽就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。