javascript拖拽事件

最新推荐文章于 2022-06-08 10:11:29 发布

weixin_30685047

最新推荐文章于 2022-06-08 10:11:29 发布

阅读量78

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ljyaqd/p/10617945.html

版权

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        #a{
            width: 100px;
            height: 100px;
            background: yellow;
            position: absolute; 
        }
    </style>
</head>
<body>
  <div id='a'></div>
  <script type="text/javascript">
      a.onmousedown=function(e){
          var ev=e||event
          var l=ev.clientX -this.offsetLeft;
          var t=ev.clientY -this.offsetTop;
          document.onmousemove=function(e){
           var ev=e||event
            a.style.left=ev.clientX-l+'px';
            a.style.top=ev.clientY-t+'px'
          };
          document.onmouseup=function(){
              document.onmousemove=null;
              document.onmousedown=null;
      
          }
    return false;
      }
   
  </script>
</body>
</html>

转载于:https://www.cnblogs.com/ljyaqd/p/10617945.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30685047

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript拖拽事件

<!DOCTYPE html><html><head> <title></title> <style type="text/css"> #a{ width: 100px; height: 100px; ...
复制链接

扫一扫