<!DOCTYPE HTML> <html> <head> <title>javascript drag</title> <meta charset="utf-8"> </head> <body> <div id="drag" style="position: absolute;width: 300px;height: 180px;background: #123456;left: 200px;top: 100px;cursor: move;"></div> </div> </body> <script type="text/javascript"> var obj = document.getElementById(‘drag‘); obj.onmousedown = function(e) { e = e || event || window.event; startX = e.clientX; startY = e.clientY; move = true; document.onmousemove = function(e) { if (move) { e = e || event || window.event; obj.style.left = parseInt(obj.style.left) + (e.clientX - startX) + ‘px‘; obj.style.top = parseInt(obj.style.top) + (e.clientY - startY) + ‘px‘; startX = e.clientX; startY = e.clientY; } }; document.onmouseup = function() { move = false; } }; </script> </html>
时间: 2024-10-06 11:04:33