付費限定
JS-9: 事件冒泡與事件委託全解析
事件冒泡 (Event Bubbling)
事件冒泡是一種事件傳遞的機制。當一個事件被觸發時，它會從最具體的元素開始，逐層向上傳遞，直到達到最上層的元素（通常是 document）。在每一層級上都可以處理這個事件。
以行動支持創作者！付費即可解鎖
本篇內容共 1521 字、0
則留言，僅發佈於前端網頁程式設計入門你目前無法檢視以下內容，可能因為尚未登入，或沒有該房間的查看權限。
3會員
33內容數
在當今數位時代，電資領域人才需求爆發式成長，不論是前端網頁設計、嵌入式開發、人工智慧、物聯網還是軟硬體整合，這些技術都在改變世界。而掌握 C/C++、Python、數位邏輯、電路學與嵌入式開發等大學電資領域的課程，正是進入這個高薪、高需求產業的關鍵！
留言
留言分享你的想法！
你可能也想看
Google News 追蹤
本章節的目的是介紹在TypeScript中如何進行例外處理。涵蓋了例外處理的重要性、語法、常見異常類型以及如何主動觸發異常訊息及用戶自定義異常訊息。為讀者提供了全面而深入的了解，以提高程式的可靠性、提供更好的反饋、增加程式的容錯性以及改善程式的可讀性。
當你在開發程式時，難免會遇到各種錯誤和異常情況。這些錯誤可能是因為代碼中的錯誤、外部資源無法訪問或其他不可預期的狀況。為了提高程式的可靠性、穩定性和可維護性，我們使用「例外處理」來處理這些異常情況。
JavaScript是一種具有動態型別、弱型別、原型繼承等特性的高級腳本語言，應用範圍廣泛，包括前端開發、後端開發、移動應用等。它被各種公司和開源社區廣泛使用。學習JavaScript需要掌握ECMAScript標準、異步編程、模塊系統等知識。
想要找個地方記錄自己寫 JavaScript 30 挑戰時額外的小筆記✍🏻
JavaScript30 傳送門：https://javascript30.com/
第一個挑戰是寫一個 keydown 事件並讓頁面隨著不同的按鍵發出不同的聲音。
※ 說明事件委派 (Event Delegation) ，背後的運作機制。
網頁元素接收事件的順序，流程有兩種個方向的傳遞：
由下而上的，稱為事件冒泡 (event bubbling)
由上而下的，稱為事件捕獲 (event capturing)
※ 事件冒泡 Event Bubbling
※ 函式基礎介紹：
※ JavaScript 特殊的函式特性：
函式可以當成值來傳遞 (可以放進變數或放進物件)
函式可以當成函式的參數
callback - 在特定事件中觸發函式 (非同步特性)
※ 函式的基本寫法：
※ 調用 (invoke) 函式：
"調用" 意指呼叫或執行
在之前的文章當中曾經提到過 JavaScript 中的物件有一個特別的機制：傳參考（Called by reference），如果正確性再高一點的話，則可以稱之為傳共享（Called by sharing）。
事件是什麼：
發生了一件事情
執行相對應的程式
常見事件的種類：
onclick 「點擊」
onmouseover 「滑鼠移入」
onmouseout 「滑鼠移出」
onmousedown 「滑鼠按住」
onmouseup 「滑鼠放開」
事件處理的三大關鍵：
在哪個事件上發生
事件的種類是什麼
執行
在搞清楚事件委託前必須先了解什麼是事件傳遞機制(Event Propagation)，也就是捕獲(capture)跟冒泡(bubble)，聽起來好像很難但是我昨天看完彭彭的直播課程(17:00開始)後就懂了！我寫成文章幫助記憶，也希望能幫助到大家，然後希望我面試會被考到。
本章節的目的是介紹在TypeScript中如何進行例外處理。涵蓋了例外處理的重要性、語法、常見異常類型以及如何主動觸發異常訊息及用戶自定義異常訊息。為讀者提供了全面而深入的了解，以提高程式的可靠性、提供更好的反饋、增加程式的容錯性以及改善程式的可讀性。
當你在開發程式時，難免會遇到各種錯誤和異常情況。這些錯誤可能是因為代碼中的錯誤、外部資源無法訪問或其他不可預期的狀況。為了提高程式的可靠性、穩定性和可維護性，我們使用「例外處理」來處理這些異常情況。
JavaScript是一種具有動態型別、弱型別、原型繼承等特性的高級腳本語言，應用範圍廣泛，包括前端開發、後端開發、移動應用等。它被各種公司和開源社區廣泛使用。學習JavaScript需要掌握ECMAScript標準、異步編程、模塊系統等知識。
想要找個地方記錄自己寫 JavaScript 30 挑戰時額外的小筆記✍🏻
JavaScript30 傳送門：https://javascript30.com/
第一個挑戰是寫一個 keydown 事件並讓頁面隨著不同的按鍵發出不同的聲音。
※ 說明事件委派 (Event Delegation) ，背後的運作機制。
網頁元素接收事件的順序，流程有兩種個方向的傳遞：
由下而上的，稱為事件冒泡 (event bubbling)
由上而下的，稱為事件捕獲 (event capturing)
※ 事件冒泡 Event Bubbling
※ 函式基礎介紹：
※ JavaScript 特殊的函式特性：
函式可以當成值來傳遞 (可以放進變數或放進物件)
函式可以當成函式的參數
callback - 在特定事件中觸發函式 (非同步特性)
※ 函式的基本寫法：
※ 調用 (invoke) 函式：
"調用" 意指呼叫或執行
在之前的文章當中曾經提到過 JavaScript 中的物件有一個特別的機制：傳參考（Called by reference），如果正確性再高一點的話，則可以稱之為傳共享（Called by sharing）。
事件是什麼：
發生了一件事情
執行相對應的程式
常見事件的種類：
onclick 「點擊」
onmouseover 「滑鼠移入」
onmouseout 「滑鼠移出」
onmousedown 「滑鼠按住」
onmouseup 「滑鼠放開」
事件處理的三大關鍵：
在哪個事件上發生
事件的種類是什麼
執行
在搞清楚事件委託前必須先了解什麼是事件傳遞機制(Event Propagation)，也就是捕獲(capture)跟冒泡(bubble)，聽起來好像很難但是我昨天看完彭彭的直播課程(17:00開始)後就懂了！我寫成文章幫助記憶，也希望能幫助到大家，然後希望我面試會被考到。