jQuery事件使我們可以輕鬆地添加交互性和動態功能到網頁上，並讓您能夠在特定的操作或用戶互動中執行代碼

事件綁定

在處理事件前，要先使用jQuery的方法綁定指定的元素然後才能綁定事件，綁定後事件發生時，可以指定要執行的代碼。

 $("#myButton").click(function() {
    alert("按下了按鈕!");
});

事件類型

先來介紹一些常用的事件類型

click

click在用戶單擊鼠標按鈕時觸發

$("#myButton").click(function() {
  alert("按下了按鈕!");
});

dblclick

連續兩次單擊鼠標按鈕時觸發

$("#myElement").dblclick(function() {
  alert("雙擊了這個元素!");
});

mouseenter and mouseleave

鼠標移入事件在鼠標進入元素時觸發，而鼠標移出事件在鼠標離開元素時觸發

$("#myElement").mouseenter(function() {
  $(this).addClass("highlight");
});
$("#myElement").mouseleave(function() {
  $(this).removeClass("highlight");
});

keydown、keyup、keypress

keydown事件在按下鍵盤上的按鍵時觸發，keyup事件在釋放按鍵時觸發，而keypress事件在按住鍵盤上的按鍵時觸發。

$(document).keydown(function(event) {
  if (event.key === "Enter") {
    alert("按下了 Enter 鍵!");
  }
});

submit、change、focus、blur

這四個都是作用於表單submit事件在表單提交時觸發。change事件在 input 元素的值發生更改時觸發，focus事件在元素獲得焦點時觸發，而blur事件在元素失去焦點時觸發。

$("form").submit(function(event) {
  event.preventDefault(); // 阻止表單默認提交行為
  alert("表單已提交!");
});

$("#myInput").change(function() {
  alert("輸入框的值已更改!");
});