• 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;
            }
            );
        }
  • 相关阅读:
    05.设计模式_建造者模式
    04.设计模式_抽象工厂模式
    03.设计模式_工厂方法模式
    02.设计模式_单例模式
    01.设计模式_简单工厂模式
    cocos-js一些问题
    blender
    游戏编程模式
    Unity自动打包工具
    unity调用ios原生代码objective-c和回调
  • 原文地址:https://www.cnblogs.com/wuchaofan1993/p/11505667.html
Copyright © 2020-2023  润新知