系统可能不会保存你所做的修改 onbeforeunload

最新推荐文章于 2023-03-15 22:33:17 发布

weixin_30265103

最新推荐文章于 2023-03-15 22:33:17 发布

阅读量5.7k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/aiyr/p/9092811.html

本文探讨了onbeforeunload事件的使用方法及注意事项，通过实例代码展示了如何利用该事件捕获页面卸载前的状态变化，并讨论了返回不同值时浏览器的行为表现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

网上找了好多实现这个的方法，说的还是不明白。害得我（我自己的原因）以为是需要在服务器环境下才能跑通 window.onbeforeunload; 后来猜想是不是函数返回值发生变化就会触发。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<body>
<input type="text" id = 'input' value = 'kkk'>
</body>
<script>

window.onbeforeunload = function() { 
    return $('#input').val()
}
</script>
</html>

以上仅仅是我个人的见解，没有得到认证，项目中使用的时候还有些问题。所以大家辩证的看以后得到验证后再更新。

---------以下08-22更新------

window.onbeforeunload =function() {
　　 // code...
    return null;
}
如果返回null的话，就不会弹出对话框，在这个函数中可以进行操作。改变弹出框文字的没找到，应该是不可以的。（https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload#Notes）

转载于:https://www.cnblogs.com/aiyr/p/9092811.html