首頁  >  文章  >  web前端  >  jquery滑鼠操作函數有哪些

jquery滑鼠操作函數有哪些

青灯夜游
青灯夜游原創
2022-03-23 18:55:452567瀏覽

滑鼠操作函數有:1、click(),操作點選事件;2、dblclick(),操作雙擊事件;3、hover(),操作滑鼠進入和移出事件;4、mousedown() ,操作按下滑鼠按鍵事件;5、mouseup();6、toggle()等等。

jquery滑鼠操作函數有哪些

本教學操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。

需要滑鼠操作的是滑鼠事件,它是DOM事件中最常用的事件,jQuery對滑鼠事件進行了封裝和擴充。

滑鼠事件的類型

  滑鼠事件共10類,包括click、contextmenu、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter和mouseleave

click         当用户按下并释放鼠标按键或其他方式“激活”元素时触发
contextmenu   可以取消的事件,当上下文菜单即将出现时触发。当前浏览器在鼠标右击时显示上下文菜单
dblclick      当用户双击鼠标时触发
mousedown     当用户按下鼠标按键时触发
mouseup       当用户释放鼠标按键时触发
mousemove     当用户移动鼠标时触发
mouseover     当鼠标进入元素时触发
mouseout      当鼠标离开元素时触发
mouseenter    类似mouseover,但不冒泡
mouseleave    类似mouseout,但不冒泡

jquery滑鼠操作函數

以上10類別滑鼠事件,都有對應的jquery滑鼠操作函數。

click()

新增/觸發click 點選事件,並綁定處理函數

contextmenu()

#新增事件處理程序到contextmenu 事件,並綁定處理函數

dblclick()

新增/觸發double click 事件,並綁定處理函數

hover()

觸發 mouseenter 和 mouseleave 事件。

hover() 方法規定當滑鼠指標停留在被選元素上時要執行的兩個函數。

將二個事件函數綁定到匹配元素上,分別當滑鼠指標進入和離開元素時被執行。將一個單獨事件函數綁定到匹配元素上,分別當滑鼠指標進入和離開元素時被執行。

mousedown()

新增/觸發"mousedown" 事件,綁定處理函數

mouseenter()

#新增/觸發mouse enters(滑鼠進入) 事件,綁定一個處理函數

mouseleave()

新增/觸發mouse leaves(滑鼠離開)事件,綁定一個處理函數

mousemove()

#新增/觸發"mousemove" 事件,綁定一個處理函數

# mouseout()

新增/觸發"mouseout" 事件,綁定一個處理函數

mouseover()

新增/觸發" mouseover" 事件,綁定一個處理函數(註:支援事件冒泡)

mouseup()

新增/觸發"mouseup" 事件,綁定一個處理函數

 | 棄用> 1.8 版本棄用的API | 已刪除的函數

toggle()

#新增/觸發「toggle」事件,綁定處理函數

它會綁定兩個或多個處理程序綁定到匹配的元素,用來執行在交替的點擊。

【推薦學習:jQuery影片教學web前端開發

以上是jquery滑鼠操作函數有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn