jQuery判断鼠标是否在某个元素内的方法

小编给大家分享一下jQuery判断鼠标是否在某个元素内的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

jQuery判断鼠标是否在某个元素内的方法:1,判断鼠标是否在一级菜单里,如果不在一级菜单,是否在二级菜单;2,jQuery获取鼠标位置和判断鼠标是否在DIV中。

<强> jQuery判断鼠标是否在某个元素内的方法:

<强>方法一:

以页面头为例:

(判断鼠标是否在一级菜单里,如果不在一级菜单,是否在二级菜单)

美元(& # 39;# header # 39;) .mousemove(函数(e) { 　　,,,如果(.contains美元(美元(“# navUl") [0], e。target), | |,美元(“# navUl") [0]==e。target) { 　　,,,,,,,//,console.log(& # 39;在菜单中& # 39;) 　　还有,,,}{ 　　,,,,,,,//,console.log(& # 39;不在菜单中& # 39;); 　　,,,,,,,如果(.contains美元(美元)(“# submenu") [0], e。target), | |,美元(“# submenu") [0]==e。target) { 　　,,,,,,,,,,,//,console.log(& # 39;在二级菜单中& # 39;) 　　,,,,,,,其他}{ 　　,,,,,,,,,,,//,console.log(& # 39;不在二级菜单中& # 39;); 　　,,,,,,,,,,,(“# navUl> li")美元.removeClass(& # 39;活跃# 39;); 　　,,,,,,,} 　　,,,} 　　,,,, 　　}

<>强方法二:传统方法:Jquery获取鼠标位置和判断鼠标是否在DIV中

$(文档).mousemove(函数(e) {, 　　,,,,x =, e.pageX; 　　,,,,,,,,y =, e.pageY;, 　　}); 　　,//x的值相对于文档的左边缘.y的值相对于文档的上边缘//x, y是全局变量;//判断鼠标是否在某DIV中 　　var  div =,美元(& # 39;.dream& # 39;);//获取你想要的DIV 　　var  y1 =, div.offset直()上,,,//div上面两个的点的y值 　　var  y2 =, y1  +, div.height ();//div下面两个点的y值 　　var  x1 =, div.offset () .left;,,//div左边两个的点的x值 　　var  x2 =, x1  +, div.width ();,,//div右边两个点的x的值 　　, 　　如果,x  & lt;, x1  | |, x 祝辞,x2  | |, y  & lt;, y1  | |, y 祝辞,y2) { 　　,,,警报(& # 39;鼠标不在该DIV中& # 39;); 　　其他}{ 　　,,,警报(& # 39;鼠标在该DIV中& # 39;); 　　};

以上是“jQuery判断鼠标是否在某个元素内的方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

jQuery判断鼠标是否在某个元素内的方法