jquery怎样判断鼠标是否在div上


本文摘自PHP中文网,作者coldplay.xixi,侵删。

判断方法:首先使用onmouseover属性给div绑定鼠标事件,当鼠标移到div上时,会触发onmouseover鼠标事件,执行myfun()函数,进而执行myfun函数内的alert()方法,然后触发弹窗提示【鼠标在div上】。

本教程操作环境:windows7系统、jquery3.2.1版本,Dell G3电脑。

推荐:jquery视频教程

jquery判断鼠标是否在div上的方法:

1、新建一个html文件,命名为test.html,用于讲解jquery怎么判断鼠标是否在div上。

97d1e5df05294239789349357e5cb99.png

2、在test.html文件内,使用div创建一个模块,并设置其id为mydiv,主要用下下面设置其css样式。

afabd788bd0041ca4ea293ff207b344.png

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

a13008deb9ee595f90151b54bf3ee6f.png

4、在test.html文件内,给div绑定onmouseover()事件,当鼠标移到div时,触发事件,执行myfun()函数。

阅读剩余部分

相关阅读 >>

jQuery如何获取鼠标位置

如何判断一个对象是否为jQuery对象

jQuery如何通过id修改css

css div不随滚动条移动的实现方法

jQuery如何获取文字的宽度?方法介绍

jQuery如何判断radio是否选中

jQuery怎么比较两个数字大小

jQuery如何判断元素内容是否为空

jQuery如何解除事件绑定?

jQuery中怎么打开新窗口

更多相关阅读请进入《jQuery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...