常見的DOM事件有:
鼠標事件 |
作用描述 |
click() |
單擊,當單擊元素時觸發一個函數 |
dblclick() |
雙擊,當雙擊元素時觸發 |
----- |
-------------- |
mouseenter() |
鼠標進入,當鼠標指針穿過元素時觸發 |
mouseleave() |
鼠標離開,當鼠標指針離開元素時觸發 |
hover() |
模擬光標懸停事件, 當鼠標移動到元素上時,會觸發指定的第一個函數(mouseenter);當鼠標移出這個元素時,會觸發指定的第二個函數(mouseleave)。 |
下面的不經常用 |
---------- |
mousedown() |
當鼠標指針移動到元素上方,并按下鼠標按鍵時觸發 |
mouseup() |
當在元素上松開鼠標按鈕時 |
鍵盤事件 |
作用描述 |
keypress() |
|
keydown() |
|
keyup() |
|
表單事件 |
作用描述 |
submit() |
提交 |
change() |
文本改變 |
focus() |
當元素獲得焦點時,即當通過鼠標點擊選中元素或通過tab鍵定位到元素時,該元素就會獲得焦點 |
blur() |
失去焦點 |
文檔/窗口事件 |
作用描述 |
load() |
|
unload() |
|
resize() |
當調整瀏覽器窗口的大小時 |
scroll() |
|
jquery中方法的使用
語法:
$(selector).事件方法名(觸發后要運行的函數function);
<!--如下-->
$(selector).click(function(){
<!--相應的操作代碼-->
});
$(selector).dblclick(function(){
// 相應的操作代碼
});
舉個栗子:
$("#button").click(function(){
$(this).text("隱藏");
})
最后編輯于 :
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。