更新時間:2022-11-15 來源:黑馬程序員 瀏覽量:
為了方便jQuery事件的學(xué)習(xí),首先介紹什么是jQuery事件方法。
jQuery中事件方法一般與事件名稱相同。例如,單擊事件click,對應(yīng)的事件方法是click()方法。jQuery中常用的基礎(chǔ)事件方法如下。
(1)click()方法:單擊鼠標(biāo)左鍵時觸發(fā)。
(2)dbclick()方法:雙擊鼠標(biāo)左鍵時觸發(fā)。
(1)keypress()方法:鍵盤按鍵(Shift、CapsLock等非字符鍵除外)被按下時觸發(fā)。
(2)keydown()方法:鍵盤按鍵被按下時觸發(fā)。
(3)keyup()方法:鍵盤按鍵被松開時觸發(fā)。
(1)onfocus()方法:獲取焦點時觸發(fā)。
(2)onblur()方法:失去焦點時觸發(fā)。
(1)change()方法:元素的值放生改變時觸發(fā)。
(1)submit()方法:當(dāng)表單提交時觸發(fā)。
(2)select()方法:當(dāng)文本框(包括input和textarea)中的文本被選中時觸發(fā)。
(3)scroll():當(dāng)滾動條發(fā)生變化時觸發(fā)。
(4)resize():當(dāng)調(diào)整瀏覽器窗口大小時觸發(fā)。
為了大家更好地理解這些事件方法的使用,下面以click()事件方法為例進行演示。示例代碼如下。
$('#btn').click(function() { alert('我被單擊了'); });
上述代碼中,使用click()方法為id值為btn的元素綁定click事件,click()方法的參數(shù)function便是事件處理函數(shù)。當(dāng)單擊按鈕時,就會觸發(fā)單擊事件,執(zhí)行事件處理函數(shù)。
另外,為元素綁定事件處理函數(shù)后,還可以手動觸發(fā)事件。示例代碼如下。
$('#btn').click();
上述代碼中,使用click()方法觸發(fā)元素的click事件,代碼執(zhí)行后,將觸發(fā)id值為btn的元素的click事件。