首页 > 其他 > 详细

浏览器后退事件的方法

时间:2017-06-27 23:11:42      阅读:247      评论:0      收藏:0      [点我收藏+]

当页面已经填了内容,点击浏览器返回按钮,弹出确认框,是否退出?如果填写内容为空,则直接退出

注:以下是写在vue的methods里的代码

 window.addEventListener(‘popstate‘, function () {
                if (self.isEmpty) {
                    window.location.href = `http://www.baidu.com`;
                } else {
                    if (bool) {
                        window.history.pushState(‘forward‘, null, ‘‘);
                        window.history.forward(1);
                    }
                    self.cancelFlag = true;
                    document.body.style.overflow = ‘hidden‘;
                    document.querySelector(‘.wrap‘).addEventListener(‘touchmove‘, this.preventDefault);//当弹出框弹出当时候,阻止页面滑动
                }
            });

preventDefault(e) {
e.preventDefault();
},

浏览器后退事件的方法

原文:http://www.cnblogs.com/tangting/p/7087277.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!