PC实现div可拖拽

 var left, top, $this;
          $(document).delegate('.modal-dialog', 'mousedown', function (e) {
              left = e.clientX, top = e.clientY, $this = $(this).css('cursor', 'move');
              this.setCapture ? (
              this.setCapture(),
              this.onmousemove = function (ev) { mouseMove(ev || event); },
              this.onmouseup = mouseUp
              ) : $(document).bind("mousemove", mouseMove).bind("mouseup", mouseUp);
          });
          function mouseMove(e) {
              var target = $this;
              var l = Math.max((e.clientX - left + Number(target.css('margin-left').replace(/px$/, '')) || 0), -target.position().left);
              var t = Math.max((e.clientY - top + Number(target.css('margin-top').replace(/px$/, '')) || 0), -target.position().top);
              l = Math.min(l, $(window).width() - target.width() - target.position().left);
              t = Math.min(t, $(window).height() - target.height() - target.position().top);
              left = e.clientX;
              top = e.clientY;
              target.css({ 'margin-left': l, 'margin-top': t });
          }
          function mouseUp(e) {
              var el = $this.css('cursor', 'default').get(0);
              el.releaseCapture ?
              (
                  el.releaseCapture(),
                  el.onmousemove = el.onmouseup = null
              ) : $(document).unbind("mousemove", mouseMove).unbind("mouseup", mouseUp);
          }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值