账号密码登录
忘记密码注册账号
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
获取验证码
找回密码返回
邮箱找回 手机找回
获取验证码
注册账号返回
获取验证码
其他登录方式
登录即同意《用户使用协议》和《用户隐私条款》
问答主页 -> 电脑网络
分享
  • 收藏
    X
    h5拖拽过程中，鼠标两个元素之间会有短暂的禁用样式，要怎么解决？
    63
    0

    直接上代码<!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>Document</title>   </head>   <style>     #content {      border: 1px solid;      width: 500px;      height: 500px;      display: flex;    }    .left {      width: 200px;      border: 10px solid;    }    .right {      flex: 1;      background: pink;    }    .drag {      border: 1px solid;      width: 100px;      height: 100px;    }  </style>   <body>     <div draggable="true" class="drag">drag</div>     <div id="content">       <div class="left">left</div>       <div class="right">right</div>     </div>     <script> //即使是直接绑定document，也会有相同的问题。      document.getElementById("content").addEventListener(        "dragover",        e => {          e.preventDefault();        },        true       );    </script>   </body> </html>  将 drag拖拽到 left和right之间时，可以看到鼠标会有一瞬间的禁用样式，有什么解决办法吗？我看vscode拖拽过程比较丝滑，但是没找到怎么实现的~

    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 繁ジ琐的年哗〆 普通会员 1楼

      这个问题的解决方法是，你可以在鼠标悬停在元素上时，给元素添加一个隐藏的class，然后在鼠标移动时，删除这个class，以此来隐藏元素的禁用样式。

      以下是一个简单的示例：

      ```html

      ```

      在这个示例中，当鼠标在dragMe元素上时，它会添加一个drag的class。当鼠标移动时，它会移除这个class。当鼠标从dragMe元素上移除时，它会移除这个class。

    0 打赏 回复
    更多回答
    网站公告
    扫一扫访问手机版

    回答动态

    • 回到顶部
    • 回到顶部