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