javascript - Onbeforeunload 在主体中单击一次鼠标之前不起作用

Question

经过漫长的一天尝试找到解决此问题的方法后，我不断遇到同样的问题。

基本上，我有一个站点，如果用户单击“浏览器刷新”按钮，我想弹出一个“你确定吗”警告框，其中包含“重新加载”和“不重新加载”选项(基本上，浏览器返回的内容)。

令人惊讶的是，它在 IE 中工作得很好。但在 chrome 或 firefox 中，刷新通常不会弹出。

仅当我在某个位置单击正文然后单击“浏览器刷新”按钮时，才会出现弹出窗口。

我已经有以下和其他许多类似的选择:

window.onbeforeunload = function (e) {
    e = e || window.event;

   // For IE and Firefox prior to version 4
   if (e) {
       e.returnValue = 'Any string';
   }

  // For Safari
  return 'Any string';
};

我尝试使用“trigger('click')'、'.click()' 事件模拟页面加载时的点击事件。

但是，在我自己(物理地)点击 body 之前，它仍然不起作用。

我创建了一支短笔，它复制了我面临的问题。

https://codepen.io/kanchanrai/pen/LQEZYV

任何帮助将不胜感激。提前致谢。

Answer 1

也许是一个迟到的答案...

这是MDN documentation on beforeunload event状态:

Note: To combat unwanted pop-ups, browsers may not display prompts created in beforeunload event handlers unless the page has been interacted with, or may even not display them at all.

这与您观察到的行为相符。