关于阻止手机端左右划动页面跳转

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


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

1. document.body.onbeforeunload = function (event)
   
2.     {
   
3.         var c = event || window.event;
   
4.         if (/webkit/.test(navigator.userAgent.toLowerCase())) {
   
5.             return "离开页面将导致数据丢失！";
   
6.         }
   
7.         else
   
8.         {
   
9.             c.returnValue = "离开页面将导致数据丢失！";
   
10.         }
    
11.    }

复制代码

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

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

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