js实现Div拖拽

来源：互联网发布：人工智能的负面影响编辑：程序博客网时间：2024/04/28 01:14

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>js实现Div拖拽</title>    <style>        div{            width: 200px;            height: 100px;            background: yellow;            position: absolute;            left: 10px;            top: 10px;            cursor: move;        }    </style>    <script>        window.onload = function () {            var div = document.getElementsByTagName("div")[0];            div.onmousedown = function (par) {                e=par||event;                document.onmousemove = function (par1) {                    e1=par1||event;                    div.style.top = e1.clientY-e.offsetY+"px";                    div.style.left = e1.clientX-e.offsetX+"px";                }                document.onmouseup = function () {                    document.onmousemove="";                }            }        }    </script></head><body>    <div></div></body></html>

阅读全文

0 0