onbeforeunload 相关问题

我想在用户放弃使用 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 创建了一个应用程序。现在我想询问用户是否想在每次单击浏览器的前进或后退按钮或刷新页面时离开页面。我