简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

JavaScript學習筆記（5）事件處理之事件流與事件處理函數分配

黄舟
發布： 2016-12-19 17:35:14
原創
1261 人瀏覽過

如果你在页面上做一次点击例如点击一个按钮，那么你是首先点击了该按钮然后动作传入了按钮的容器，最后传入整个页面Document还是首先点击了页面Document，然后是按钮的容器，最后导致按钮的点击呢？
  javaScript对这种问题的处理方式可以称之为事件流即事件的传播机制。对于事件流IE跟FF有不同的解释。IE下的解决方案称之为：冒泡型事件，而FF下称之为：捕获型事件。顾名思义冒泡型事件是从低而上的触发机制，而捕获型事件则是从上到下的触发机制。《Javascript高级程序设计》一书提到:
    DOM事件流同时支持两种事件触发机制，但是捕获型事件先发生。注意因为事件的目标（也就是DOM树最深的节点）是最精确的元素，实际上它会连续接收两次事件，一次是在捕获过程中，一次是在冒泡过程中。事情到底是不是这样呢？观察下面的程序：

 
    JAVASCRIPT事件流
   
   
 
 
   

click me!

 

相關標籤：
事件处理，事件流，事件处理函数
來源：php.cn
上一篇：JavaScript學習筆記（4）表格排序 下一篇：JavaScript學習筆記（6） 透過延遲觸發使onDbClick時不觸發onClick事件
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
在存取路線之前預先載入路線資料的最佳方法。 在為給定路由渲染頁面之前，我想先同步取得必要的資料。理想情況下，我希望在頁面組件中獲取數據，但我不反對在路由器文件中執行此操作。我已經閱讀並嘗試了各種方法，但部分挑戰來自於這樣一個...
來自於 2023-11-17 14:54:42
0
2
379
捕獲Guzzle的異常 我正在嘗試捕獲在我正在開發的API上運行的一組測試中的異常，並且我正在使用Guzzle來使用API​​方法。我已經將測試包裝在try/catch區塊中，但它仍然拋出未處理的異常錯誤...
來自於 2023-11-16 14:36:03
0
12
290
為什麼 jQuery 或像 getElementById 這樣的 DOM 方法無法定位元素？ document.getElementById、$("#id")或任何其他DOM方法/jQuery選擇器找不到元素的可能原因是什麼？範例問題包括：jQuery默...
來自於 2023-10-15 15:40:06
0
2
210
為什麼 jQuery 或 getElementById 無法定位元素？ document.getElementById、$("#id")或任何其他DOM方法/jQuery選擇器找不到元素的可能原因是什麼？範例問題包括：jQuery默...
來自於 2023-10-15 14:53:18
0
2
293
如何在回調中存取正確的'this” 我有一個註冊事件處理程序的建構子：functionMyConstructor(data,transport){this.data=data;transport.on('data',...
來自於 2023-10-11 09:42:02
0
2
276
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！