无法在弹窗打开PHP文件：父窗口最大化时仅开新标签的问题

我之前也碰到过类似的情况，Chrome和Safari在窗口最大化时确实会调整window.open的行为，把本该弹出窗口的请求转成新标签页，这大概率是浏览器的交互策略在搞鬼。咱们可以通过强制指定弹窗属性、手动控制表单提交的方式来解决这个问题。

先看你现有的表单代码：

<form target="popUp" name="RngFrm" action="MapPHPCode3.php" method="post" onsubmit="popup(this);">
  <input name="lat" placeholder="Lat...">
  <!-- 其他表单元素 -->
</form>

问题主要出在两处：一是没阻止表单的默认提交行为，浏览器可能在最大化状态下忽略你的弹窗逻辑；二是如果你的popup函数没明确指定弹窗的尺寸、位置等参数，浏览器会默认按新标签页处理。

给你一套可行的修改方案：

1. 调整表单的onsubmit事件 #

把原来的onsubmit="popup(this);"改成onsubmit="return popup(this);"，这样我们可以在函数里控制是否允许默认提交：

<form name="RngFrm" action="MapPHPCode3.php" method="post" onsubmit="return popup(this);">
  <input name="lat" placeholder="Lat...">
  <!-- 其他表单元素 -->
</form>

2. 重写popup函数，强制创建弹窗 #

这个函数会先创建一个指定尺寸的弹窗，再把表单提交到这个弹窗里，不管父窗口是不是最大化，都会按弹窗打开：

function popup(form) {
  // 自定义弹窗的尺寸和居中位置，你可以根据需求调整数值
  const popupWidth = 800;
  const popupHeight = 600;
  const posLeft = (window.screen.width - popupWidth) / 2;
  const posTop = (window.screen.height - popupHeight) / 2;

  // 关键：明确指定弹窗的特征参数，让浏览器识别为弹窗而非新标签
  const popUpWindow = window.open('', 'popUp', `width=${popupWidth},height=${popupHeight},left=${posLeft},top=${posTop},resizable=yes,scrollbars=yes`);

  // 检测弹窗是否被浏览器拦截，给用户提示
  if (!popUpWindow || popUpWindow.closed || typeof popUpWindow.closed === 'undefined') {
    alert('弹窗被浏览器拦截啦，请先允许当前站点的弹窗权限再重试～');
    return false;
  }

  // 将表单的target指向我们创建的弹窗，然后允许表单提交
  form.target = 'popUp';
  return true;
}

为什么这样能解决问题？ #

• 明确指定弹窗的width、height等属性后，浏览器会认定这是一个用户主动请求的弹窗，不管父窗口状态如何，都会按弹窗模式打开，而不是自动转成新标签页。
• 通过return true/false控制表单提交，确保弹窗创建成功后才提交数据，避免出现表单提交了但弹窗没打开的情况。
• 加入了拦截检测，能提升用户体验，不会让用户一脸懵不知道为啥没反应。

最后提醒下：要确保这个函数是在用户的直接交互（比如点击提交按钮）里触发的，现代浏览器会拦截非用户主动触发的弹窗，咱们这个场景是表单提交，属于用户主动操作，所以没问题。

内容的提问来源于stack exchange，提问作者CGarden