怎麼理解JavaScript中的事件？
想要理解JavaScript中的事件，先要了解JavaScript中的對象，大家都知道對象都有它的屬性和方法。舉個例子汽車（對象）有自己的顏色和寬、高等屬性，也有“駕駛”的方法，也有可能有“撞車”事件。我們可以這樣理解JavaScript中的事件，目標對象上發送了某些事情。事件觸發瀏覽器中行為的能力，比如當用戶點擊某個鼠標時時啟動一段 JavaScript代碼，可以把這個過程看成是一個獨立的JavaScript事件。JavaScript中的事件可以分為很多種，常見的有表單事件、鍵盤事件、鼠標事件、媒介事件（常見於HTML5中）。
怎麼理解JavaScript中的事件監聽？
從前幾天文章介紹中看出，頁面中的每個事件都需要一個函數來響應，這樣的函數一般稱為事件處理函數，從另一個角度看就是這些函數再監聽事件是否發生，也稱為事件監聽函數。對於不同的瀏覽器他們的監聽函數調用有一些區別。
JavaScript中常見的事件監聽方法
1、通用的監聽方法
簡單的事件，沒有必要去編寫複雜的代碼，直接在HTML標籤中處理就可以，而且兼容性很好，比如：p onclick="add(‘p
’)",p標籤直接通過onclick函數進行事件監聽。幾乎所有的HTML標籤都有onclick方法，也可以再標籤中採用JavaScript語句比如說p=onclick=“alert（‘點擊’）”，這種方法大部分瀏覽器都支持兼容性很好。
考慮到結構、行為分離，通常採用以下方法來實現事件監聽，這種方法實際中用的比較多。代碼如下（把監聽函數放到了window對象的onload函數中，保證了DOM結構在完全建立後搜索p節點。）：
2、IE中的監聽方法
在微軟的IE瀏覽器中，每個元素都有兩個方法處理事件的監聽，分別是attachEvent()和detachEvent()。attachEvent()用來某個元素添加事件處理函數，detachEvent()用來刪除元素上的事件監聽函數，語法格式如下:element.attachEvent(event, function)和element.detachEvent(event, function)其中event是事件名稱如“onclick”、“onload”、“onmouseover”等，function是監聽函數名稱。
3、標準的DOM的監聽方法
標準的DOM定義兩個方法添加和刪除監聽函數，是addEventListener()和removeEventListener()。與IE不同之處在於這兩個函數是有3個參數（名稱、分配的函數名、用於冒泡階段還是捕獲階段），第三個參數如果是捕獲階段是true，反之為false，語法是element.addEventListener(event, function, useCapture) 和element.removeEventListener(event, function, useCapture) 。
關於“php用戶交互變量傳遞”先聊到這。還是要多多練習。每天學習一個知識點，每日寄語”要趁自己還沒有承擔太多壓力，還不需要考慮太多事情的時候，多做一些自己想要做的事情。”如轉載文章清標明出處。
閱讀更多 編程小小學生 的文章
關鍵字: 事件 撞車 JavaScript
