浏览器后退事件的方法
当页面已经填了内容,点击浏览器返回按钮,弹出确认框,是否退出?如果填写内容为空,则直接退出
注:以下是写在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();
},
你还有很多未完成的梦,还有什么理由停下脚步

浙公网安备 33010602011771号