JavaScript事件處理的方式(三種)_javascript技巧

一、什么是JavaScript事件？

事件(Event)是JavaScript應用跳動的心臟，也是把所有東西粘在一起的膠水，當我們與瀏覽器中Web頁面進行某些類型的交互時，事件就發生了。

事件可能是用戶在某些內容上的點擊、鼠標經過某個特定元素或按下鍵盤上的某些按鍵，事件還可能是Web瀏覽器中發生的事情，比如說某個Web頁面加載完成，或者是用戶滾動窗口或改變窗口大小。說白了，事件是文檔或瀏覽器中發生的特定交互瞬間！

通過使用JavaScript，你可以監聽特定事件的發生，并規定讓某些事件發生以對這些事件做出響應。

二、事件流

事件流就是描述了頁面中接受事件的順序，在瀏覽器發展的初期，兩大瀏覽器廠商IE和Netscape互掐，出現了一個坑爹的情況，那就是他們對事件流的解釋出現了兩中截然相反的定義。也就是我們所熟悉的：IE的事件冒泡，Netscape的事件捕獲。先來一張圖，簡要的看下結構：

1、事件冒泡

事件冒泡即事件最開始由最具體的元素（文檔中嵌套層次最深的那個節點）接收，然后逐級向上傳播至最不具體的節點（文檔）。拿上面的圖來說明，就是當點擊text部分時，先由text處的元素接收，然后逐級傳播至window，即執行6-7-8-9-10的過程。

2、事件捕獲

事件捕獲即事件最早由不太具體的節點接收，而最具體的節點最后接收到事件。同理，在上面的模型中，就是點擊text部分時，先由window接收，然后逐級傳播至text元素，即執行1-2-3-4-5的過程。

具體在代碼中怎樣表現呢？后面給出！

三、Javascript事件處理程序的3種方式

產生了事件，我們就要去處理他，Javascript事件處理程序主要有3種方式：

1、HTML事件處理程序

即我們直接在HTML代碼中添加事件處理程序，如下面這段代碼：

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JavaScript事件處理的方式(三種)_javascript技巧

JavaScript事件處理的方式(三種)_javascript技巧:最近這段時間因為每天要修改網站，為網站做特效，所以看了很多的js接觸事件，自己只會使用一小部分，有時用的時候也比較混亂，現在系統的整理了一下，特此分享到腳本之家平臺供大家參考下！ 一、什么是JavaScript事件？ 事件(Event)是JavaScript應

推薦度：

點擊下載本文 文檔為doc格式