浏览器后退事件的方法

Posted 2020-09-25

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

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