<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin: 0;padding: 0} div{ width: 100px; height: 100px; background: red; position: absolute; } </style> </head> <body> <div></div> <script> var div=document.getElementsByTagName("div")[0]; var m=0; div.onmousedown=function (e) { var odivx=e.clientX-div.offsetLeft; var odivy=e.clientY-div.offsetTop; document.onmousemove=function (d) { div.style.left = d.clientX - odivx + "px"; div.style.top = d.clientY - odivy + "px"; } }; div.onmouseup=function (f) { var a=window.event||f; document.onmousemove="null" } </script> </body> </html>
鼠标拖动div
猜你喜欢
转载自blog.csdn.net/moonlight201868/article/details/80862451
今日推荐
周排行