jQuery(JS) 事件監聽

資料來源: Gemini for Chrome

以下是幾個常用的方法來監聽 jQuery 事件：

    .on(eventType, [selector], handler) : 這是 jQuery 最常用的事件監聽方式。

        `eventType`: 指定要監聽的事件類型，例如 “click” (點擊), “mouseover” (滑鼠移入), “submit” (提交表單) 等。
        `[selector]`: 可選的參數，用來指定事件監聽的元素範圍，例如 “#myButton” (監聽 ID 為 myButton 的按鈕), “.myClass” (監聽所有 class 為 myClass 的元素)。
        `handler`: 事件處理函式，會在事件觸發時被執行。該函式可以接收一個事件物件 (event object) 作為參數，裡面包含了事件的相關信息。

例如，以下代码監聽按鈕 (ID 為 myButton) 的點擊事件，並在點擊時顯示一個訊息：

$(document).ready(function() {
  $("#myButton").on("click", function() {
    alert("你點擊了按鈕！");
  });
});

    .bind(eventType, [data], handler)**: 跟 `.on()` 類似，但用法逐渐被淘汰。

    其他方式**: jQuery 還有一些其他監聽事件的方法，例如 `.click()`, `.dblclick()`, `.hover()` 等，這些方法都是快捷方式，等同於使用 `.on()` 指定特定事件類型。

資源推薦

你可以參考以下資源了解更多 jQuery 事件監聽的用法：

    菜鳥教程 – jQuery 事件方法：[https://www.runoob.com/jquery/prop-jquery.html](https://www.runoob.com/jquery/prop-jquery.html)
    iT 邦幫忙 – jQuery 監聽事件（範例：切換顏色的按鈕）：[https://ithelp.ithome.com.tw/m/articles/10235154](https://ithelp.ithome.com.tw/m/articles/10235154)