尐拇指の約定 2022-06-23 15:41 采纳率: 100%
浏览 68
已结题

jquery怎么限制鼠标只能在div内移动?

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 7月1日
  • 已采纳回答 6月23日
  • 创建了问题 6月23日

悬赏问题

  • ¥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函数的问题