常用的jQuery事件有幾種?

金木大大大發表於2023-12-04

jQuery提供了多種事件處理方法,常用的jQuery事件包括以下幾種:


click事件:當元素被點選時觸發。

$("button").click(function() {

  // 點選事件處理邏輯

});

hover事件:當滑鼠懸停在元素上時觸發。

$("div").hover(

  function() {

    // 滑鼠懸停時的處理邏輯

  },

  function() {

    // 滑鼠離開時的處理邏輯

  }

);

keydown事件:當按下鍵盤上的鍵時觸發。

$(document).keydown(function(event) {

  // 鍵盤按下事件處理邏輯

});

submit事件:當表單提交時觸發。

$("form").submit(function(event) {

  event.preventDefault(); // 阻止表單提交

  // 表單提交事件處理邏輯

});

scroll事件:當頁面滾動時觸發。

$(window).scroll(function() {

  // 頁面滾動事件處理邏輯

});

resize事件:當視窗大小改變時觸發。

$(window).resize(function() {

  // 視窗大小改變事件處理邏輯

});

focus和blur事件:當元素獲得或失去焦點時觸發。

$("input").focus(function() {

  // 元素獲得焦點事件處理邏輯

});


$("input").blur(function() {

  // 元素失去焦點事件處理邏輯

});

以上是常用的一些jQuery事件,開發人員可以根據實際需求選擇合適的事件來處理互動邏輯。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70032566/viewspace-2998607/,如需轉載,請註明出處,否則將追究法律責任。

相關文章