登录/注册

首页 › 活字格专区 › 求助中心 › 查看内容

12 主题	131 帖子	851 积分

积分: 851

5618
金币
12
主题
131
帖子

最新发帖

[已处理] 关于阻止手机端左右划动页面跳转

铭訫
中级会员 / 发表于：2019-7-31 17:17 / 查看：3254 / 回复：1

1金币

如果在手机浏览器填数据，当左右划动划动条时，因为浏览器手势，很容易回退到前一个页面，再划回去，刚填的数据就没有了！所以在回退前能不能加一个确认退出的弹窗？

https://gcdn.grapecity.com.cn/fo ... p;extra=&page=1这个帖子中有这么一段代码：

document.body.onbeforeunload = function (event)
{
var c = event || window.event;
if (/webkit/.test(navigator.userAgent.toLowerCase())) {
return "离开页面将导致数据丢失！";
}
else
{
c.returnValue = "离开页面将导致数据丢失！";
}
}

复制代码

刚试了下，貌似在手机浏览器中不管用？电脑端也只有关闭页面时弹出，刷新时不弹出。

应该怎么做呢？尤其是手机浏览器中，很容易出现这样的误操作。

最佳答案

查看完整内容

你可以试试这个：https://blog.csdn.net/xm_w_xm/article/details/88530494

收藏

回复

1 个回复

倒序浏览

最佳答案

最佳答案

Eric.Liang
超级版主 / 发表于：2019-7-31 17:17:24 来自 2^#

你可以试试这个：https://blog.csdn.net/xm_w_xm/article/details/88530494

回复 使用道具举报