设置div随意拖动

客官°小女子只卖身不卖艺 2022-11-14 10:16 309阅读 0赞 
  1. /** ********设置div随意拖动 start ******* */
  2. var dragging = false;
  3. var iX, iY;
  5. $("#divID").mousedown(function(e) { 
  6.     dragging = true;
  7.     iX = e.clientX - this.offsetLeft;
  8.     iY = e.clientY - this.offsetTop;
  9.     this.setCapture && this.setCapture();
  10.     return false;
  11. });
  13. document.onmousemove = function(e) { 
  14.     if (dragging) { 
  15.         var e = e || window.event;
  16.         var oX = e.clientX - iX;
  17.         var oY = e.clientY - iY;
  18.         $("#divID").css({ 
  19.             "left": oX + "px",
  20.             "top": oY + "px"
  21.         });
  22.         return false;
  23.     }
  24. };
  26. $(document).mouseup(function(e) { 
  27.     dragging = false;
  28. // $("#divID")[0].releaseCapture();
  29.     e.cancelBubble = true;
  30. })
  32. /** ********设置div随意拖动 start ******* */

发表评论

表情：
评论列表 （有 0 条评论，309人围观）

还没有评论，来说两句吧...

相关阅读

    相关 html js设置div可拖动效果

    第一种：先看代码，可直接复制使用。 这部分是我找了个例子，看了一遍，自己写的。但是也有一些问题。 问题：js设置div可拖动效果  当我在实际项目中使用时，div里有关闭d

    灰太狼灰太狼/ 0 赞/ 770 阅读

    相关 js 鼠标拖动div

    div中心跟踪鼠标动而动 得到鼠标坐标，移动时div的左上距离为鼠标两坐标减去div左上顶点到中心的距离 div任意位置随鼠标动而动 得到鼠标第一次坐标，移动时div

    忘是亡心i忘是亡心i/ 0 赞/ 607 阅读