检测浏览器关闭事件
使用常规方法检测浏览器关闭事件遇到困难?不用担心,因为这个详细的指南将提供全面的解决方案来帮助您监控窗口关闭、卸载或 beforeunload 事件。
解决方案
以下代码片段巧妙地解决了问题:
window.onbeforeunload = function (event) { var message = 'Important: Please click on \'Save\' button to leave this page.'; if (typeof event == 'undefined') { event = window.event; } if (event) { event.returnValue = message; } return message; }; $(function () { $("a").not('#lnkLogOut').click(function () { window.onbeforeunload = null; }); $(".btn").click(function () { window.onbeforeunload = null; }); });
此解决方案包含 onbeforeunload 事件处理程序,该处理程序在浏览器窗口之前触发已关闭。 message 变量显示自定义提示,通知用户在离开页面之前保存数据。
值得注意的是,其中包含一个辅助功能,以防止在单击页面上的特定元素时出现提示(在本例中, #lnkLogOut 和 .btn 元素)。
Firefox 兼容性注意事项
虽然此代码通常可以在其他浏览器中运行,但请务必注意,Firefox 可能不会显示自定义提示。在这种情况下,可能需要考虑替代方法,如链接线程中所讨论的。
以上是如何可靠地检测浏览器关闭事件并处理未保存的数据?的详细内容。更多信息请关注PHP中文网其他相关文章!