chrome 浏览器 onbeforeunload 事件失效，有替代方案吗？
在 chrome 浏览器中使用 window.onbeforeunload 事件来实现离开页面提示的功能时，需要注意该事件已在 chrome 51 中被移除。其他浏览器也相应版本移除了此事件。
针对这个问题，可以使用以下替代方案：
方案 1：beforeunload 事件
虽然 onbeforeunload 事件已弃用，但 browsers（包括 chrome、firefox、edge 等）仍然支持 beforeunload 事件。该事件与 onbeforeunload 类似，区别在于它的触发时机与窗口关闭时刻相关，而 onbeforeunload 事件的触发时机与页面离开时刻相关。
window.addeventlistener('beforeunload', function(e) {
var message = 'leave?';
e = e || window.event;
if (e) {
e.returnvalue = message;
}
return message;
});方案 2：页面可见性 api
页面可见性 api 可以用来检测浏览器窗口是否处于可见状态。当窗口不可见时，可以触发提示。
document.addeventlistener('visibilitychange', function() {
if (document.visibilitystate === 'hidden') {
// 页面离开，触发提示
}
});方案 3：会话存储
可以使用会话存储来保存用户输入的数据。这样，当用户离开页面后再回来时，可以恢复之前输入的数据。
// 保存数据到会话存储
sessionStorage.setItem('myData', JSON.stringify(myData));
// 从会话存储中恢复数据
var myData = JSON.parse(sessionStorage.getItem('myData'));以上就是Chrome 浏览器 onbeforeunload 事件失效，有哪些替代方案？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
568
收藏
