jquery鼠标操作函数有哪些

青灯夜游

发布时间：2022-03-23 18:55:45

2885人浏览过

来源于php中文网

原创

鼠标操作函数有：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()

动态WEB网站中的PHP和MySQL：直观的QuickPro指南第2版

动态WEB网站中的PHP和MySQL详细反映实际程序的需求，仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法，让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能，对常用的、强大的包

下载

添加/触发 mouse enters（鼠标进入）事件，绑定一个处理函数

mouseleave()

添加/触发 mouse leaves（鼠标离开）事件，绑定一个处理函数

mousemove()

添加/触发 "mousemove" 事件，绑定一个处理函数

mouseout()

添加/触发 "mouseout" 事件，绑定一个处理函数

mouseover()

添加/触发 "mouseover" 事件，绑定一个处理函数（注：支持事件冒泡）

mouseup()

添加/触发 "mouseup" 事件，绑定一个处理函数