onbeforeunload 相关问题

在用户导航之前触发onbeforeunload事件。此事件侦听器可用于在页面休假时向用户显示确认对话框。

我们是否可以在 javascript 上检测 beforeunload/unload 事件是刷新还是离开？

//这似乎是一个重复的问题，但我发现的所有问题都是旧问题，并且想知道最新浏览器中是否有任何新功能可用要求：识别...

javascript onbeforeunload onunload unload

回答 1 投票 0

如何使用 onbeforeunload 事件处理程序而不弹出消息？

我正在尝试使用 onbeforeunload 事件来记录页面的一些最终日志（我无法在访问中间执行此操作，因为我必须在用户离开之前获取日志）。功能

javascript onbeforeunload

回答 3 投票 0

打印后删除iframe

我是 HTML 和 Javascript 新手。我正在尝试编写一个 Javascript 函数来打印（隐藏的）iframe 的内容，以便在不打开文档的情况下打印文档（看似给用户）。我爸...

javascript internet-explorer iframe printing onbeforeunload

回答 2 投票 0

如何使用react-beforeunload钩子？

注销功能只能在窗口关闭时执行。使用react-beforeunload钩子时如何区分刷新和关闭？

javascript reactjs react-hooks onbeforeunload

回答 1 投票 0

Angular - @HostListener - 完全防止页面刷新

我正在使用 @HostListener 来防止窗口重新加载。我已经实现了我的代码如下 - @HostListener('窗口：卸载前', ['$event']) unloadNotification($event: 任意) { 让我们检查保存...

angular angular-material onbeforeunload

回答 1 投票 0

addEventListener beforeunload 用于提示休假在 React 中不起作用

我正在尝试在用户离开页面时设置提示，我的简单代码是：使用效果（（）=> { window.addEventListener("卸载前", (事件) => { 事件.preventD...

reactjs google-chrome prompt onbeforeunload

回答 1 投票 0

删除 beforeunload 事件在 React 中不起作用

下面的代码片段假设添加和删除事件监听器handleBeforeUnload。在检查浏览器控制台时，我看到打印了“inside else”，但是加载页面仍然如此......

reactjs event-handling dom-events simple-html-dom onbeforeunload

回答 1 投票 0

如何在退出 Angular 应用程序之前运行代码？

当用户退出角度应用程序而不按注销（关闭选项卡或浏览器）时，我试图在本地存储中添加一些内容。这是我尝试过的： @HostListener('窗口:UnloadHander', ['$eve...

onbeforeunload angular16 unload

回答 1 投票 0

onbeforeunload 在 codeigniter 中不起作用

我有非常简单的代码，只是在页面刷新之前显示警告。该代码使用Codeigniter作为框架（不确定Codeigniter是否与该问题相关）。我有一个视图文件（test_v.php）...

javascript php codeigniter onbeforeunload

回答 2 投票 0

$(window).unload 未触发

我想在用户放弃使用 jQuery 的特定页面时执行操作方法。该页面有以下代码： $(窗口).卸载(</desc> <question vote="24"> 我想在用户使用 jQuery 放弃特定页面时执行操作方法。 该页面有以下代码： <pre><code> <script type="text/javascript"> $(window).unload(function () { alert("Handler for .unload() was called."); }); </script> </code></pre> 当我离开该页面时，我永远不会看到预期的警报。 </question> <answer tick="true" vote="35"> 实际上，如果您尝试在窗口中 <pre><code>alert</code></pre> <pre><code>unload</code></pre>，某些浏览器（例如 Google Chrome）可能会被阻止。作为用户，我喜欢这个功能。每次您尝试离开某个页面时都会发出警报，这很糟糕： <img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL0pkSTNOLnBuZw==" alt="enter image description here"/> 将警报替换为 <pre><code>console.log</code></pre> 或其他对用户干扰较小的内容，该事件将被愉快地调用。 您可能还想查看 <a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event" rel="nofollow noreferrer">onbeforeunload</a> 事件。 </answer> <answer tick="false" vote="21"> jquery .on('卸载',..);对我来说工作不可靠。我改用beforeunload。只需确保您没有返回任何内容，否则用户将收到“您确定要离开该页面吗”弹出窗口。 <pre><code><script type='text/javascript'> $(window).on('beforeunload', function(){ console.log("beforeUnload event!"); }); </script> </code></pre> </answer> <answer tick="false" vote="9"> 正如贝尔姆所说 卸载前 对我也有用。 在此事件上返回 false 将调用浏览器默认值 <blockquote> 您确定要离开此页面吗？ </blockquote> <pre><code>$(window).on('beforeunload', function () { return false; }); </code></pre> </answer> <answer tick="false" vote="2"> 在我的很多项目中，这里提到的方法都不稳定。对我来说唯一有用的就是将事件绑定为 body 元素上的原始属性。 <code><body onunload="my_function_unload()"> </code> jQuery方法： <pre><code>$('body').attr('onunload', 'my_function_unload()'); </code></pre> 来自 iframe： <pre><code><body onunload="window.parent.my_function_unload()"> </code></pre> jQuery方法： <pre><code>$('<iframe />').load(function(){ $body = $(this).contents().find('body'); $body.attr('onunload', 'window.parent.my_function_unload()'); } </code></pre> 另外，重要<pre>，属性中没有参数，并且函数必须位于全局窗口范围内，否则什么也不会发生。 </pre> 例如，常见错误如果您的 <code>my_function_unload()</code> 包含在 <code>;( function( $ ) {...</code> 或 <pre><code>$(document).ready(function(){...</code></pre> AS <pre><code>my_function_unload()</code></pre> 中，则必须位于 <pre> 在该私有范围之外</pre>。并且不要忘记使用 <pre><code>jQuery</code></pre> 而不是 <code>$</code> 前缀。<pre> </pre> <pre> </pre>如果您想提醒用户您离开此页面，那么如果这样 </answer><answer tick="false" vote="1"> <code>/* $(window).unload(function() { //alert("you leaving this page"); console.log("you leaving this page"); }); */</code> <div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre></pre> </div>函数不适合你，然后用 on("beforeunload",function) 替换你的代码，如下所示 </div> <code>$(window).on("beforeunload", function() { alert("you leaving this page"); console.log("you leaving this page"); });</code> <div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre></pre> </div>这对我有用！您可以在控制台日志中看到输出 </div> <a href="https://i.stack.imgur.com/ZOIvY.png" target="_blank"> <img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL1pPSXZZLnBuZw==" alt="you leaving this page"/> </a><code>window.onbeforeunload=navigationError; var dont_confirm_leave = 0; var leave_message = 'You sure you want to leave?'; function navigationError(e) { if(dont_confirm_leave!==1) { if(!e) e = window.event; //e.cancelBubble is supported by IE - this will kill the bubbling process. e.cancelBubble = true; e.returnValue = leave_message; //e.stopPropagation works in Firefox. if (e.stopPropagation) { e.stopPropagation(); e.preventDefault(); } //return works for Chrome and Safari return leave_message; } } </code> </answer> <answer tick="false" vote="0"> <pre>我必须在 iframe 中做类似的事情，这对我有用：</pre> </answer><code>$(document).ready(function () { //... window.parent.$('iframe[title="Iframe"]')[0].contentWindow.onunload = function() { //... }; }); </code><answer tick="false" vote="0"> 因此，基于后者，这应该可行： <pre><code>$(document).ready(function () { //... window.onunload = function (){ alert("Handler for .unload() was called."); } } </code></pre> 看起来 «*.on('unload', function()...)*» jQuery 方法没有按预期工作。 <pre> </pre> 跳到 2024 年以上，请注意 <code>unload</code></answer> 事件正在被主要浏览器淘汰<answer tick="false" vote="0"> <pre>https://developer.chrome.com/docs/web-platform/deprecating-unload</pre> <a href="https://developer.chrome.com/docs/web-platform/deprecating-unload" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/API/Window/unload_event</a> 而且它通常不可靠，具体取决于存在问题的浏览器版本，例如在跨域上下文中（请参阅此，仍然打开）<a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/unload_event" rel="nofollow noreferrer"> </a>https://issues.chromium.org/issues/41183357 <a href="https://issues.chromium.org/issues/41183357" rel="nofollow noreferrer"></a>

jquery onbeforeunload

回答 0 投票 0

在发生nextjs 13应用程序路由器之前检测导航事件，然后防止它发生

使用 nextjs 12（页面路由器），从“next/router”返回的路由器具有您可以侦听和适当处理的导航事件。这是文档。一个特定事件是routeChang...

events navigation router next.js13 onbeforeunload

回答 4 投票 0

有没有办法在iOS设备的Mobile Safari上使用window.onbeforeunload？

Apple 似乎已禁用 iOS 设备（iPhone、iPad、iPod Touch）的 window.onbeforeunload 事件。不幸的是，我找不到任何文档来说明为什么此事件在 Mobile Sa 中不起作用...

javascript iphone ios mobile-safari onbeforeunload

回答 4 投票 0

确认将页面保留在 ArcGIS Web 应用程序生成器中

我使用 ESRI ArcGIS Web App Builder 创建了一个应用程序。现在我想询问用户是否想在每次单击浏览器的前进或后退按钮或刷新页面时离开页面。我