码迷,mamicode.com
首页 > 其他好文 > 详细

浏览器后退事件的方法

时间:2017-06-27 23:31:59      阅读:268      评论:0      收藏:0      [点我收藏+]

标签:history   ati   内容   his   eth   span   sel   返回   prevent   

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

注:以下是写在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();
},

浏览器后退事件的方法

标签:history   ati   内容   his   eth   span   sel   返回   prevent   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!