javascript - 拖动时跨页面移动引导框模式

Question

我正在构建一个电子应用程序，在该应用程序中显示一个带有类名的引导框警报settingsModal。现在我想知道。有没有办法通过使用本机拖放 api 在页面上移动此警报？（不想使用 jQuery用户界面）。这是我的引导箱警报的代码：

 $("#settings").on("click", function() {
        alert({
            title: "Select settings",
            message: `
            <form>
                <label for='category1'>1st category title</label>
                <input type='text' class='form-control' name='category1'/>
                <label for='category2'>2nd category title</label>
                <input type='text' class='form-control' name='category2'/>
                <label for='category3'>3rd category title</label>
                <input type='text' class='form-control' name='category3'/>
                <label for='category4'>4th category title</label>
                <input type='text' class='form-control' name='category4'/>
            </form>
            `,
            buttons: {
                ok: {
                    label: "Save settings",
                    className: "btn-success"
                }
            },
            className: "settingsModal",
            callback: function() {
                var title1 = $("[name='category1']").val();
                var title2 = $("[name='category2']").val();
                var title3 = $("[name='category3']").val();
                var title4 = $("[name='category4']").val();
                if (isEmpty(title1, title2, title3, title4)) {
                    alert("Please fill in all inputs");
                } else {
                    var titleElements = $(".categoryTitle");
                    var titles = [title1, title2, title3, title4];
                    for (var i = 0; i < titleElements.length; i++) {
                        $(titleElements[i]).text(titles[i])
                    }
                }
            }
        });
         //When settings modal appears make it draggable
        $(".settingsModal").attr("draggable",true);
    });