Question

我看了一下这个网站，似乎无法找到适合我的解决方案...... 我正在尝试在打开弹出窗口时禁用父窗口 - 我尝试过： <body onClick="func1()" onFocus="func1()"> 同 editwindow = window.open("","","width=300, height=300"); 在我的标题中使用以下功能：
function func1() {
{1}}
{
if (editwindow && !editwindow.closed) editwindow.focus();

我的问题是这种方法无法有效地“禁用”父窗口。点击时我需要链接和按钮不响应。似乎浏览器首先优先考虑链接，然后重新聚焦到弹出窗口。

任何帮助都将不胜感激。

Answer 1

您可以考虑使用jQuery UI's modal dialog，而不是重新发明轮子，以及在将来破坏用户体验时遇到弹出窗口拦截器问题。

  <script>
  $(function() {
    $( "#dialog-confirm" ).dialog({
      resizable: false,
      height:140,
      modal: true,
      buttons: {
        "Delete all items": function() {
          $( this ).dialog( "close" );
        },
        Cancel: function() {
          $( this ).dialog( "close" );
        }
      }
    });
  });
  </script>

打开弹出窗口时禁用窗口

1 个答案: