移动端 onbeforeunload 无法触发，请问有没有替换方法

awuZhang 2016-01-05 11:54:32

有个需求，微信内置浏览器打开的页面，关闭需要弹窗提示，选择同意了再关闭

在手机上试了一下，移动端 onbeforeunload 无法被触发，写法如下

window.onbeforeunload = function(e){
return "真的离开?";
}

或

window.addEventListener("beforeunload", function (e) {
...
});

请问是不是移动端都不支持？
是否有替代的方法？ (ps: 好像 onunload 也不会被触发)

...全文

537 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

业余草 2016-01-06

打赏
举报

Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。

<body onbeforeunload="return myFunction()">

slwsss 2016-01-06

打赏
举报

不支持吧

最近开发移动端较多，整理了一下最近遇到的一些兼容问题 1.1px在移动端的解决方案最开始当然从移动端的兼容性适配开始了，关于的详细解释，在我上一篇博客中已经大概讲了一下，1px在移动端的解决方案，问题产生的原因就是在于不同dpr的设备上，1px的css样式像素会产生不同的效果。对于老项目，最好的解决方案可以使用css3中的transform结合伪类::af.........

注: onbrforeunload和onunload都会在刷新和关闭页面是触发，但是onbeforeunload在onunload之前执行，并且它还可以阻止onunload的执行。那么在页面刷新时执行顺序就是onbeforeunload、onunload、onload。

（1）针对这种问题，当时的产品的方案是要保留缓存，返回上一级页面时，会记住用户的筛选记录，对于安卓端的刷新页面的现象，当时的解决方案是将用户的筛选条件记录在sessionStorage里面，当返回上一级页面时，从缓存中读取记录，并重新请求。安卓：当你在当前页面使用wx.hideMenuItems()，会把你想要隐藏的菜单隐藏起来，当你跳转到新的页面时(也就是重新调用wx.config后)，你的隐藏了的菜单又会被重新显示出来，需要重新调用wx.hideMenuItems()，再次把你想要隐藏的菜单隐藏起来。

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第2天，点击查看活动详情 1.onbeforeunload： //在页面刷新和关闭的时候触发事件，表示正要去服务器读取新的页面时调用，此时还没开始读取。 //检测浏览器刷新 window.onbeforeunload = function() { // return '确定需要离开页面' //...

关键字: js监听关闭浏览器事件 Onunload与Onbeforeunload Onunload，onbeforeunload都是在刷新或关闭时调用，可以在脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。 Onbeforeunload也是在页面刷新或关闭时

HTML5

39,118

社区成员

5,568

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章

移动端 onbeforeunload 无法触发， 请问有没有替换方法

移动端 onbeforeunload 无法触发，请问有没有替换方法