如何用 JavaScript 实现离开页面确认？

在 JavaScript 中离开页面确认

JavaScript 中的 onunload 事件通常用于在用户离开网页之前执行操作。但是，不能依赖它来确认导航和重定向用户。

使用 onbeforeunload

要在用户离开页面之前显示确认提示，可以使用 onbeforeunload 事件可以就业。当用户尝试离开页面时会触发此事件。

在 JavaScript 中：

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只是提示用户，并不能重定向他们到另一个页面。如果用户选择留在页面上，浏览器将继续遵循预期的导航路径。

使用 onunload

onunload 事件可用于执行操作在页面卸载之前，但不能用于重定向用户。

中JavaScript:

window.onunload = function() {
  alert('Bye.');
};

在 jQuery 中：

$(window).unload(function() {
  alert('Bye.');
});

安全注意事项

出于安全原因，浏览器会阻止使用 onbeforeunload 和 onunload 事件重定向用户。这是为了防止恶意网站试图强迫用户导航到不需要或不安全的页面。

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