如何在 JavaScript 中防止用户未经确认就离开页面？

在 JavaScript 中防止页面未经确认就退出

为了防止用户未经确认就离开页面，onbeforeunload 事件是一个有效的解决方案。使用此事件，您可以向用户显示提示，询​​问他们是否确实要离开页面。

实现：

window.onbeforeunload = function() {
  return 'Are you sure you want to leave?';
};

或者，您可以为此使用 jQuery任务：

$(window).bind('beforeunload', function() {
  return 'Are you sure you want to leave?';
});

注意事项：

• onbeforeunload 事件仅显示提示；它无法将用户重定向到另一个页面。
• Chrome 14 及更高版本会阻止 onunload 事件中的警报。因此，要在页面卸载之前显示消息，请使用 onbeforeunload。

其他选项：

如果您的目标是根据用户的响应重定向用户确认提示，可以使用其他方法，如：

1. URL 哈希：

显示确认提示时，向 URL 添加哈希（例如 #leaving）。如果用户选择“是”，则删除哈希并重定向到所需页面。

2.本地存储：

在本地存储中存储一个值，表示用户想要离开。当用户确认其意图时，删除存储的值并重定向它们。

以上是如何在 JavaScript 中防止用户未经确认就离开页面？的详细内容。更多信息请关注PHP中文网其他相关文章！