jquery判断鼠标是否在元素上的方法

　　介绍

小编给大家分享一下jquery判断鼠标是否在元素上的方法,希望大家阅读完这篇文章之后都有所收获、下面让我们一起去探讨吧!

jquery判断鼠标是否在元素上的方法:1、使用鼠标悬停方法实现判断鼠标是否在元素上;2,通过mouseout方法实现判断鼠标是否在元素上。

在jquery中,可以使用鼠标移至()和mouseout()方法来实现判断鼠标是否在元素上。

<强> jquery判断鼠标是否在元素上

当鼠标指针位于元素上方时,会发生mouseover事件,当鼠标指针从元素上移开时,发生mouseout事件。

PS:和mouseenter/mouseleave事件不同,不论鼠标指针进入/离开被选元素还是任何子元素,都会触发mouseover和mouseout事件。只有在鼠标指针进入/离开被选元素时,才会触发mouseenter/mouseleave事件。

“# aijquery" .mouseover(美元函数(){ 　　,,,(“.primary")美元。text(“方法二:鼠标在这个DIV元素里“); 　　() {}) .mouseout(功能 　　,,,(“.primary")美元。text(“方法二:鼠标不在这个DIV元素里“); 　　});

缺点:在页面初始化时,也就是刚打开页面时,是判断不出来的,只有把鼠标移上div上一次,激活了鼠标悬停事件后,才能判断,具体可以看上面给的那个在线实例演示。

示例:

& lt; ! doctype  html> 　　& lt; html> 　　& lt; head> 　　& lt; script 语言=癑avaScript", src=https://www.yisu.com/zixun/"//cdn.bootcss.com/jquery/1.9.1/jquery.min.js "> 　　 　　头 　　<身体类=" text-center 5 "> 　　
　　
inifo
　　
　　
　　<脚本语言=" JavaScript "> 　　$ (" # aijquery ") .mouseover(函数(){ 　　$ (“.primary”)。text(“鼠标在这个DIV元素里”); 　　() {}) .mouseout(功能 　　$ (“.primary”)。text(“鼠标不在这个DIV元素里”); 　　});> 　　

效果图:

jquery判断鼠标是否在元素上的方法

<强> mouseover()方法

当鼠标指针位于元素上方时,会发生mouseover事件。

mouseover()方法触发mouseover事件,或添加当发生mouseover事件时运行的函数。

<强> mouseout()方法

当鼠标指针离开被选元素时,会发生mouseout事件。

mouseout()方法触发mouseout事件,或添加当发生mouseout事件时运行的函数。

看完了这篇文章,相信你对“jquery判断鼠标是否在元素上的方法”有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!

jquery判断鼠标是否在元素上的方法