透過本章的學習，你將了解 JavaScript 事件冒泡 (Event Bubbling) 與事件委託 (Event Delegation)，這是前端開發中處理 DOM 事件的重要概念。

以行動支持創作者！付費即可解鎖

軟體開發

JS-10: Error handling

JS-8: DOM操作全解析

本章節旨在介紹Java程式語言中的「例外處理」概念。透過各個小節，讀者將學習到何謂例外處理、為何要使用它、如何在Java中實現例外處理，以及如何正確地捕獲和處理各種類型的異常。此外，本章節還提供了如何主動觸發異常，以及如何創建和使用自定義異常的實例。

Michael楊

Java入門-Day9：例外處理

本章節的目的是介紹在TypeScript中如何進行例外處理。涵蓋了例外處理的重要性、語法、常見異常類型以及如何主動觸發異常訊息及用戶自定義異常訊息。為讀者提供了全面而深入的了解，以提高程式的可靠性、提供更好的反饋、增加程式的容錯性以及改善程式的可讀性。

Typescript入門-Day9：例外處理

當你在開發程式時，難免會遇到各種錯誤和異常情況。這些錯誤可能是因為代碼中的錯誤、外部資源無法訪問或其他不可預期的狀況。為了提高程式的可靠性、穩定性和可維護性，我們使用「例外處理」來處理這些異常情況。

Javascript入門-Day9：例外處理

本章節旨在介紹JavaScript中的物件導向編程。內容包括類別(Class)的定義和使用，建構子的作用，以及公開，私有，受保護(Protected)等不同訪問修飾符的概念。此外，還涵蓋了繼承、多型、封裝、介面、抽象類別、靜態類別、列舉、委派、Lambda表達式、泛型、反射等物件導向的主要觀念。

Javascript入門-Day8：物件導向

本章節主要介紹了JavaScript中的流程控制，包括條件語句（如if、else if、else和三元運算子）和循環結構（如for迴圈、while迴圈等）。同時，也提供了如何使用break、continue和label來控制迴圈的執行。

Javascript入門-Day6：流程控制

簡要說明 JavaScript 的 Event Loop

JavaScript 是單執行緒 (single-threaded) 語言，這意味著它一次只能執行一件事，因此所有函式都需要排隊等待執行，這被稱為同步 (synchronous)。在同步操作中，若函式過多或過於複雜，會導致程式阻塞 (blo

郭欣玫的沙龍

非同步處理

JavaScript是一種具有動態型別、弱型別、原型繼承等特性的高級腳本語言，應用範圍廣泛，包括前端開發、後端開發、移動應用等。它被各種公司和開源社區廣泛使用。學習JavaScript需要掌握ECMAScript標準、異步編程、模塊系統等知識。

Javascript入門-Day1：語言介紹、觸及的領域、誰在使用

想要找個地方記錄自己寫 JavaScript 30 挑戰時額外的小筆記✍🏻
JavaScript30 傳送門：https://javascript30.com/
第一個挑戰是寫一個 keydown 事件並讓頁面隨著不同的按鍵發出不同的聲音。

hunwooooof

【JS30-1】JavaScript Drum Kit

學習

職場

10天快速學習系列

日後將分享關於我的經驗(日常、工作、技術)，並期待未來能創造屬於我的宇宙。

色格子

創作

音樂藝文

在之前的文章當中曾經提到過 JavaScript 中的物件有一個特別的機制：傳參考（Called by reference），如果正確性再高一點的話，則可以稱之為傳共享（Called by sharing）。

RD少女養成計畫

為了追求可以窩在座位上、可以心無旁騖思考問題、座位可以亂七八糟沒關係、不需要到處哈腰點頭跑客戶，不用腳踩十公分、連妝都可以不用化的職場人生，文組少女毅然決然踏上RD的養成日常。


Vivian Yeh - 跨領域轉職的軟體工程師

【前端基礎】JavaScript 的 this 到底是什麼？call、apply 與 bind 的差異

在搞清楚事件委託前必須先了解什麼是事件傳遞機制(Event Propagation)，也就是捕獲(capture)跟冒泡(bubble)，聽起來好像很難但是我昨天看完彭彭的直播課程(17:00開始)後就懂了！我寫成文章幫助記憶，也希望能幫助到大家，然後希望我面試會被考到。

職場產業

Wendy Loops 前端鬼打牆

溫蒂蒂蒂的沙龍

JavaScript 面試考題：事件委託是什麼

前端三劍客

前端網頁程式設計入門

在當今數位時代，電資領域人才需求爆發式成長，不論是前端網頁設計、嵌入式開發、人工智慧、物聯網還是軟硬體整合，這些技術都在改變世界。而掌握 C/C++、Python、數位邏輯、電路學與嵌入式開發等大學電資領域的課程，正是進入這個高薪、高需求產業的關鍵！

電資鼠 - 您的學習好夥伴

前端函式庫

樹梅派&Python

資料結構與演算法

大學必備程式設計入門

數位邏輯

計算機概論

Arduino

Verilog 實習

電子系專業課程入門

數學微積分題解

處理器

註冊

JS-9: 事件冒泡與事件委託全解析

<h2 class="lexical__h2" dir="ltr">事件冒泡 (Event Bubbling)</h2>事件冒泡是一種事件傳遞的機制。當一個事件被觸發時，它會從最具體的元素開始，逐層向上傳遞，直到達到最上層的元素（通常是 <code spellcheck="false" style="white-space: pre-wrap;">document</code>）。在每一層級上都可以處理這個事件。

03/31 (二) 晚上 9 點，直播主題描述：

JavaScript 面試：事件傳遞機制和事件委託 Event Propagation & Event Delegation

1. 事件傳遞 Event Propagation
1.1 捕獲 (Capture) 和冒泡 (Bubble) 階段
1.2 中斷事件傳遞機制 stopPropagation
1.3 程式範例詳解

2. 事件委派 Event Delegation：利用事件傳遞機制，更有效率的處理多個類似的事件

直播紀錄和範例：
https://training.pada-x.com/lives.jsp
彭彭的課程網站：
https://training.pada-x.com/
會員專屬的服務：
https://training.pada-x.com/online_premium.htm

其他基本互動原則：

任何關於前後端、軟體應用程式、網路創業行銷的討論都歡迎在直播中提出。請直接在聊天視窗中留言你想聽的議題，會盡量回應 :)