添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

jquery如何判断鼠标是否在元素上?下面本篇文章给大家介绍一下jquery判断鼠标是否在元素上的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

c0ede5ab7d63d8c9930984b3ec9db0ba.png

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

使用div创建一个模块,并设置其id为mydiv,主要用下下面设置其css样式。

3e6baace7b355e7a2996e09b29358b14.png

为了展示明显的效果,通过id来设置div的css样式,设置div的宽度和高度都为100px,背景颜色为红色。

30f4da87d10c54ea4834c62f4f1e80ce.png

给div绑定onmouseover()事件,当鼠标移到div时,触发事件,执行myfun()函数。

71b4c7033ae993e1818c9263582d1d62.png

在js标签内,创建一个myfun()函数,当函数被调用时,执行方法体内的代码。

fff7c6b08ddf53140b1d1502807654b5.png

在myfun()函数内,使用alert()方法提示“鼠标在div上了!!”,确认鼠标是在div上。

b1b8a80ef253af1cb22122816f4e8ba5.png

在浏览器打开test.html文件,移动鼠标至div上,查看结果。

52ad5efb40ef2652cca7659c370d9644.png

总结:

1、创建一个test.html文件。

2、在文件内,使用div创建一个模块,给div绑定onmouseover()事件,当鼠标移到div时,触发事件,执行myfun()函数。

3、在myfun()函数内,使用alert()方法提示“鼠标在div上了!!”,确认鼠标是在div上。

更多web前端知识,请查阅 HTML中文网 !!

版权声明:本文为CSDN博主「weixin_39670545」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接: https://blog.csdn.net/weixin_39670545/article/details/117839277