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