在页面卸载之前调用事件

Question

我想在html卸载页面之前弹出一个对话框,要求卸载页面.如果选择yes,则继续卸载,如果选择no,则取消卸载事件.

Answer 1

您不能将文本设置为"是"/"否"(在大多数浏览器中它将为"确定"/"取消"),但是在以任何方式离开页面时您都可以提示(使用时请小心)使用window.onbeforeunload,像这样:

window.onbeforeunload = function() {
  return "Are you sure you wish to leave the page?";
}

只有在有充分理由的情况下才使用此功能,不要惹恼用户.话虽这么说,这将在离开页面时提示,包括历史记录返回,转发,刷新,关闭窗口/选项卡,单击链接以导航或提交表单等等.所以你可能想在此时调用它去某个不应该提示的地方:

window.onbeforeunload = null;

例如,提交一种信息形式,您希望在离开/丢失数据时提示,但在实际提交时却不提示.