在前端开发中，window.onbeforeunload 是一个常用的事件，它会在用户关闭或离开页面之前触发，可以用来提示用户保存未提交的数据或提醒用户正在进行的操作。但是，在 iPad 上，window.onbeforeunload 可能无法正常工作，这给开发者带来了困扰。
问题分析
window.onbeforeunload 的实现依赖于浏览器，而不同的浏览器可能对该事件的实现有所不同。在 iPad 上，Safari 浏览器会在用户关闭或离开页面时弹出一个确认框，让用户确认是否要离开页面。然而，如果使用 window.onbeforeunload，则无法显示该确认框，导致用户无法得知页面是否已经保存或提交了数据。
解决方案
为了解决这个问题，我们可以使用 pagehide 事件来代替 window.onbeforeunload。pagehide 事件与 window.onbeforeunload 类似，也是在用户关闭或离开页面之前触发，但它会在确认框弹出之前触发，因此可以用来保存数据或执行其他操作。
下面是一个示例代码：
window.addEventListener('pagehide', function(event) {
// 在这里保存数据或执行其他操作
});需要注意的是，pagehide 事件并不是所有浏览器都支持的，因此在使用时需要做一些兼容性处理。可以使用 beforeunload 事件作为备选方案，如果浏览器不支持 pagehide，则使用 beforeunload。
-- -------------------- ---- -------
-- ------------- -- ------- -
----------------------------------- --------------- -
-- --------------
---
- ---- -
--------------------------------------- --------------- -
-- --------------
---
-总结
在 iPad 上，window.onbeforeunload 可能无法正常工作，但是我们可以使用 pagehide 事件来代替它。需要注意的是，pagehide 并非所有浏览器都支持，因此需要做一些兼容性处理。通过本文的介绍，希望读者能够更好地理解 window.onbeforeunload 和 pagehide 的区别和使用方法，在实际开发中选择合适的事件，提升用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/12562