ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

可移动窗口

2022-08-16 21:32:46  阅读:258  来源: 互联网

标签:function false parent move flag var 窗口 移动


//拖拽
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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有