html判断鼠标是否移动,jquery如何判断鼠标是否在元素上?

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中文网 !!

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值