### 概述: - `trigger()` 方法用於**手動觸發選擇的元素上的特定事件**。它模擬對元素的事件的手動觸發,這在某些情況下很有用,例如在程式執行過程中觸發事件。 ### 範例 - HTML: ```html <button id="myButton">Click me</button> ``` - JavaScript & jQuerty: ```js // 綁定一個點擊事件 $("#myButton").on("click", () => { alert("Button Clicked!"); }); $(document).ready(function () { // 於文檔載入後,在文檔加載後,手動觸發點擊事件 $("#myButton").trigger("click"); }); ``` ### 功能說明: - 如果在按鈕上綁定了一個點擊事件,當瀏覽器載入頁面後,這個點擊事件會自動觸發,而不需要實際上對按鈕進行物理點擊。這樣可以在頁面載入完成後即時執行某些操作,而不必等待使用者的互動。 ![image](https://hackmd.io/_uploads/ry0jD32O6.png) - 原本 alert 是需要透過 click 按鈕才可以觸發的,但這個範例中,我的 alert 在瀏覽器開起來以後就觸發了這筆原先綁定在 Button 上的事件,這就是 trigger 模擬了該點擊事件。 ### 總結: - `trigger()` 簡而言之,trigger("click") 是在程式碼中模擬了一次點擊事件,並觸發了與該事件相關聯的任何處理函式。