可移动窗口

//拖拽
MoveDop1(); //【一级弹窗拖拽】
MoveDop2(); //【二级弹窗拖拽】

//一级弹窗拖拽  所有包含 modalHeader 类的表头的弹窗都可拖拽
function MoveDop1() {
    var dom = $("body .modalHeader").parent();
    var flag = false; //判断是否含有二级弹窗阅片 
    var move = false;
    var _x, _y;
    $(document).on("mousedown", "body .modalHeader", function (e) {
        move = true;
        _x = e.pageX - parseInt($(this).parent().css("left"));
        _y = e.pageY - parseInt($(this).parent().css("top"));
        //赋值当前移动元素
        dom = $(this).parent();

        //if ($(this).parent().attr("id") == "yuepian") {
        //    flag = true;
        //} else {
        //    flag = false;
        //}
    });

    $(document).mousemove(function (e) {
        if (move) {
            var x = e.pageX - _x;
            //控件左上角到屏幕左上角的相对位置 
            var y = e.pageY - _y;
            if (flag) {
                $("#yuepian").css({ "top": y, "left": x });
            } else {
                dom.css({ "top": y, "left": x });
            }

            if (document.selection == null) {

            } else {
                document.selection.empty();
            }
        }
    }).mouseup(function () {
        move = false;
    });
}

//二级弹窗拖拽  -- 表头必须添加 noModalHeader 类
function MoveDop2() {
    var dom = $("body .noModalHeader").parent();
    var flag = false; //判断是否含有二级弹窗阅片
    var move = false;
    var _x, _y;
    $("body .noModalHeader").mousedown(function (e) {
        move = true;
        _x = e.pageX - parseInt($(this).parent().css("left"));
        _y = e.pageY - parseInt($(this).parent().css("top"));
        //赋值当前移动元素
        dom = $(this).parent();

        if ($(this).parent().attr("id") == "yuepian") {
            flag = true;
        } else {
            flag = false;
        }
    });
    $(document).mousemove(function (e) {
        if (move) {
            var x = e.pageX - _x;
            //控件左上角到屏幕左上角的相对位置 
            var y = e.pageY - _y;

            if (flag) {
                $("#yuepian").css({ "top": y, "left": x });
            } else {
                dom.css({ "top": y, "left": x });
            }
            if (document.selection == null) {

            } else {
                document.selection.empty();
            }

        }
    }).mouseup(function () {
        move = false;
    });
}

标签：function,false,parent,move,flag,var,窗口,移动
来源： https://www.cnblogs.com/Ma-YuHao/p/16593034.html