jquery怎么限制鼠标只能在div内移动?超过div的范围时,鼠标不能移动。
3条回答 默认 最新
- 崽崽的谷雨 2022-06-23 16:16关注
这个有点类似于 ,限制范围拖拽 。
也不知道 你是 想怎么限制 。是 移出就 提示还是什么 。
你或许 可以 改变思路 ,就是 移出 div 就 禁用鼠标 共能 这样也可以 。或者隐藏 鼠标 曲线 救国
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>js限制鼠标范围</title> <style> * { margin: 0; padding: 0; } .box { position: absolute; width: 100%; height: 100%; } .class { width: 400px; height: 400px; background: red; } </style> </head> <body> <div class="box"> <div class="class"> </div> </div> </body> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script> let box = document.getElementsByClassName("box")[0]; $(".class").mouseenter(function () { $("body").css({ "cursor": "auto" }); //显示鼠标 }); $(".class").mouseleave(function () { $("body").css({ "cursor": "none" }); //隐藏鼠标 // alert("移出") }); </script> </html>
https://blog.csdn.net/weixin_44599931/article/details/117073530
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报 编辑记录
悬赏问题
- ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
- ¥15 用arduino开发esp32控制ps2手柄一直报错
- ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
- ¥15 求chat4.0解答一道线性规划题,用lingo编程运行,第一问要求写出数学模型和lingo语言编程模型,第二问第三问解答就行,我的ddl要到了谁来求了
- ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
- ¥50 树莓派安卓APK系统签名
- ¥65 汇编语言除法溢出问题
- ¥15 Visual Studio问题
- ¥20 求一个html代码,有偿
- ¥100 关于使用MATLAB中copularnd函数的问题