javascript - javascript弹出并阻止屏幕

Question

我有一个出现在按钮单击事件上的 div 弹出窗口。我想在向用户显示弹出窗口时禁用屏幕，并在用户通过 div 上的转义键或关闭按钮关闭弹出窗口时再次启用，就像常规对话框一样。我怎样才能通过java脚本做到这一点。

score 0 · Accepted Answer

您可以创建一个覆盖屏幕的“封面”元素，以防止用户输入，除了封面顶部（或内部）的任何内容。

$('#button').click(function() { $('body').append('<div class="cover"></div>'); } );

.cover { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); }

然后，您将事件分配给封面，以便当用户单击它或按下特定键时，封面将被隐藏。

$('.cover').click(function() { $(this).hide(); });

我强烈建议使用模态插件/脚本，因为自己做需要付出很大的努力并且很耗时（相信我）。

score 0 · Accepted Answer

0

JQuery UI 让您的生活更轻松。看看jquery UI 对话框

于 2013-05-17T03:15:47.647 回答

score 0 · Accepted Answer

您可以使用 jQuery 对话框并使用属性modal:true

$("#fileuploadfun").dialog({ modal: true });

如果你使用modal:false那么你可以点击背景

3 回答 3