javascript - 如何禁止点击除对话框以外的任何内容

Question

我有一个 jQuery Dialog，我想禁止点击对话框本身以外的任何东西(即除了对话框之外，不要点击我的 ASPX 页面)。我进行了广泛的搜索，但没有找到任何东西 - 这可以实现吗？

这是我的对话代码:

$('#controlSettingsForm').dialog({
                autoOpen: false,
                width: 'auto',
                maxHeight: 300,
                buttons: {
                    "Save": function () {

                    },
                    "Cancel": function () {
                        $(this).dialog("close");
                    }
                },
            });

$('#controlSettingsForm').dialog("open");

Answer 1

使用 modal true 进行叠加:

('#controlSettingsForm').dialog({
            autoOpen: false,
            width: 'auto',
            maxHeight: 300,
            modal:true,
            buttons: {
                "Save": function () {

                },
                "Cancel": function () {
                    $(this).dialog("close");
                }
            },
        });

$('#controlSettingsForm').dialog("open");