实现鼠标拖动一个div区域到任何位置（方法一）

最新推荐文章于 2020-01-03 15:49:11 发布

Qin_Wenwen

最新推荐文章于 2020-01-03 15:49:11 发布

阅读量1.3k

点赞数

分类专栏：随笔 js

本文链接：https://blog.csdn.net/qq_37887131/article/details/98524535

版权

本文介绍了一种JavaScript方法，用于实现鼠标拖动一个div元素到页面的任意位置。通过调用特定的函数，可以轻松实现div的拖动效果。确保div有合适的样式如position属性，以确保视觉效果正常。

摘要由CSDN通过智能技术生成

实现鼠标拖动一个div区域到任何位置（方法一）

一个js方法

<script>

drag=function (a,o){ 
     var d=document;if(!a)a=window.event; 
        if(!a.pageX)a.pageX=a.clientX; 
        if(!a.pageY)a.pageY=a.clientY; 
     var x=a.pageX,y=a.pageY; 
     if(o.setCapture) 
         o.setCapture(); 
     else if(window.captureEvents) 
         window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP); 
     var backData = {x : o.style.top, y : o.style.left}; 
     d.onmousemove=function(a){ 
         if(!a)a=window.event; 
         if(!a.pageX)a.pageX=a.clientX; 
         if(!a.pageY)a.pageY=a.clientY; 
         var tx=a.pageX-x+parseInt(o.style.left),ty=a.pageY-y+parseInt(o.style.top); 
         o.style.left=tx+"px"; 
         o.style.top=ty+"px"; 
            x=a.pageX; 
            y=a.pageY; 
     }; 
     d.onmouseup=function(a){ 
         if(!a)a=