window.onbeforeunload能否手动调用。

Question

目前做了个单页应用，策划表示需要在用户关闭当前标签页时检测用户是否输入了内容，是的话就弹出对话框让用户确定是否离开，这个我使用window.onbeforeunload实现了。然后策划又表示在系统内部进行切页时也要做同样的检测，而window.onbeforeunload的弹框貌似要刷新或关闭标签页时才触发，我要如何才能手动调用使该弹框出现呢？

Answer 1

jQuery可以使用trigger函数。

chrome下使用JS手动触发原生事件，使用dispatchEvent即可。

eg:

window.onbeforeunload = () => console.log('I am triggered')

window.dispatchEvent(new Event('beforeunload'))

// console 打印出 I am triggered