滑鼠操作函數有:1、click(),操作點選事件;2、dblclick(),操作雙擊事件;3、hover(),操作滑鼠進入和移出事件;4、mousedown() ,操作按下滑鼠按鍵事件;5、mouseup();6、toggle()等等。
本教學操作環境: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中文網其他相關文章!