div可随意拖动

   function DragDlg(){
      var helperdialogwrapper =$(".helper-dialog-wrapper");
        var x = 0;
        var y = 0;
        var l = 0;
        var t = 0;
        var isDown = false;
        //鼠标按下事件
        $(".helper-dialog-wrapper").bind("mousedown",function(e) {
            //获取x坐标和y坐标
            x = e.clientX;
            y = e.clientY;

            //获取左部和顶部的偏移量
            l = helperdialogwrapper.offset().left;
            t = helperdialogwrapper.offset().top;
            //开关打开
            isDown = true;
            //设置样式  
        });
        //鼠标移动
        window.onmousemove = function(e) {
            if (isDown == false) {
                return;
            }
            //获取x和y
            var nx = e.clientX;
            var ny = e.clientY;
            //计算移动后的左偏移量和顶部的偏移量
            var nl = parseInt(l)+(parseInt(nx) -parseInt(x));
            var nt = parseInt(t)+(parseInt(ny) -parseInt(y));
            sss=parseInt(nx) -parseInt(x);
            lll=parseInt(ny) -parseInt(y);
//这里设置offset而不是css,因为获取时是根据offset获取的偏移量
            $(".helper-dialog-wrapper").offset({top:nt,left:nl});
        }
        //鼠标抬起事件
        $(".helper-dialog-wrapper").bind("mouseup",function() {
            //开关关闭
            isDown = false;
        }
        );
    }

 

转载于:https://www.cnblogs.com/wuchaofan1993/p/11505667.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值