這篇文章將為大家詳細講解有關js如何進行監(jiān)聽，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)公司主要從事網頁設計、PC網站建設（電腦版網站建設）、wap網站建設（手機版網站建設）、成都響應式網站建設公司、程序開發(fā)、網站優(yōu)化、微網站、微信平臺小程序開發(fā)等，憑借多年來在互聯(lián)網的打拼，我們在互聯(lián)網網站建設行業(yè)積累了豐富的成都網站制作、成都網站設計、網站設計、網絡營銷經驗，集策劃、開發(fā)、設計、營銷、管理等多方位專業(yè)化運作于一體。

在Javascript中，瀏覽器一般分為兩大類：

① 基于IE內核的瀏覽器（版本號小于9的IE瀏覽器）

② 基于W3C內核的瀏覽器（版本號大于9的IE瀏覽器、Firefox、Google等瀏覽器）

1）基本語法：基于IE內核瀏覽器

dom對象.attachEvent(type，callback，capture) ：為元素綁定事件監(jiān)聽程序

參數說明：

type：綁定的事件類型，如onclick、onmouseover、onmouseout

callback：事件的處理程序，通常是一個匿名函數

capture：使用的瀏覽器模型，冒泡模型與捕獲模型，默認IE8以下的瀏覽器只支持冒泡模型！

2）基本語法：基于W3C內核的事件監(jiān)聽

dom對象.addEventListener(type，callback) ：為W3C內核瀏覽器綁定事件監(jiān)聽

參數說明：

type：綁定事件類型，不帶’on’前綴，如click，mouseover，mouseout

callback：事件的處理程序，通常是一個匿名函數

2、總結事件監(jiān)聽的區(qū)別

IE內核的監(jiān)聽方式與W3C內核的監(jiān)聽方式：

①方式不同

IE內核的瀏覽器使用attachEvent進行綁定

W3C內核的瀏覽器使用addEventListener進行綁定

②參數不同

IE內核瀏覽器，其綁定方式一共有三個參數type，callback，capture（使用的瀏覽器模型）

W3C內核瀏覽器，其綁定方式一共有二個參數，type和callback

③type參數不同

IE內核的瀏覽器，type是需要添加’on’前綴的，如onclick

W3C內核瀏覽器，type是不需要添加’on’前綴的，如click

④觸發(fā)順序不同

IE內核的瀏覽器，其事件監(jiān)聽是先綁定后觸發(fā)，后綁定的先觸發(fā)

W3C內核的瀏覽器，其事件監(jiān)聽是先綁定先觸發(fā)，后綁定的后觸發(fā)

關于js如何進行監(jiān)聽就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。