首页 > 其他 > 详细

简单整一下元素拖拽

时间:2020-07-24 10:34:02      阅读:55      评论:0      收藏:0      [点我收藏+]
<script type="text/javascript">
    
    var oDiv = document.getElementById(info1);
    
    oDiv.onmousedown = function (env) {
        var env = env||window.event;

        var disX = env.offsetX;
        var disY = env.offsetY;

        document.onmousemove = function(env){
        var env = env||window.event;

        oDiv.style.left = env.clientX - disX+px;
        oDiv.style.top = env.clientY -disY+px;
        }
        document.onmouseup =function(){

            document.onmousemove = null;
        }
    }
    


</script>
<style>
        #info1{

            width: 200px;
            height: 200px;
            background: #c599af;
            position: absolute;
            cursor: move;
        }
    </style>

<body>
    <div id="info1"></div>
</body>

 

简单整一下元素拖拽

原文:https://www.cnblogs.com/dudududadada/p/13369948.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!