Web - JavaScript - 实现拖动对话框（模态框）

效果

核心代码

 <script>
        //获取元素
        var click = document.querySelector('.login-header a');
        var login = document.querySelector('.login');
        var box = document.querySelector('.box');
        var close = document.querySelector('.close-login');
        var title = document.querySelector('#title')
        var bg = document.querySelector('.login-bg');

        //(1)登录框的弹出与退出
        //点击上方文字弹出对话框,出现遮罩
        click.addEventListener('click', function () {
            login.style.display = 'block';
            bg.style.display = 'block';
        })

        //点击关闭的×号,关闭对话框,遮罩消失
        close.addEventListener('click', function () {
            login.style.display =