JS超简洁拖动代码 · Blog's

~~~ <html> <head> <title></title> </head> <body> <script type="text/javascript"> function dragging(obj){ var diffX = event.clientX-obj.offsetLeft; var diffY = event.clientY-obj.offsetTop; obj.onmousemove = function(){ this.style.left = (event.clientX-diffX)+'px'; this.style.top = (event.clientY-diffX)+'px'; } obj.onmouseup = function(){ obj.onmousemove = null; } } </script> <div style="width:100px;height:100px;background:red;position:relative;" onmousedown="dragging(this)">sdfsdf</div> </body> </html> ~~~