JavaScript 如何阻止网页导航并保持显示？

使用 JavaScript 保留网页显示

与其允许网页自由导航，不如使用 JavaScript 来阻止此操作。通过利用特定事件，即使用户尝试导航到其他地方，网站也可以保持当前显示。

使用 onbeforeunload 约束导航

onbeforeunload 事件允许开发人员拦截导航，在页面被丢弃之前提供最后的机会。它在导航过程之前触发，从而提供了完全阻止导航的可能性。

实现

要防止网页使用 JavaScript 导航离开，以下代码可以使用：

<code class="javascript">window.onbeforeunload = function() {
  return "";
}</code>

此代码返回一个空字符串，防止在较新的浏览器中显示默认消息“任何未保存的更改都将丢失”。较旧的浏览器允许自定义消息：

<code class="javascript">window.onbeforeunload = function() {
  return "Are you sure you want to navigate away?";
}</code>

通过利用 onbeforeunload 事件并管理返回值，网页可以有效防止导航离开，确保其显示和用户交互的连续性。

以上是JavaScript 如何阻止网页导航并保持显示？的详细内容。更多信息请关注PHP中文网其他相关文章！