JS阻止浏览器返回操作

在H5中,有时并不想让用户返回,虽然违背用户意愿,对用户造成不好的体验,但有时候没办法~

亲测可用哦~

history.pushState(null, null, document.URL);
window.addEventListener("popstate", function () {
    history.pushState(null, null, document.URL);
});
//注意:使用此代码生效的前提是需要触发DOM。(简单来说就是点击一下页面)
  • 6
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Vue.js 3中,阻止浏览器关闭可以通过监听浏览器的`beforeunload`事件来实现。下面是具体的实现步骤: 1. 在Vue组件的生命周期`mounted`或者`created`钩子函数中,添加一个事件监听器来捕获浏览器的`beforeunload`事件。 ```javascript mounted() { window.addEventListener('beforeunload', this.handleBeforeUnload); }, ``` 2. 在Vue组件的`beforeUnmount`钩子函数中,移除之前添加的事件监听器。 ```javascript beforeUnmount() { window.removeEventListener('beforeunload', this.handleBeforeUnload); }, ``` 3. 在Vue组件中定义一个事件处理函数`handleBeforeUnload`,该函数会在浏览器关闭或刷新之前被调用。 ```javascript methods: { handleBeforeUnload(event) { event.preventDefault(); // 在此处可以添加一些提示用户的逻辑,例如确认是否关闭页面 event.returnValue = ''; // Chrome需要返回一个空字符串 }, }, ``` 通过以上步骤,当用户尝试关闭或刷新浏览器窗口时,会触发`handleBeforeUnload`函数,我们可以在该函数中进行一些操作,例如弹出提示框询问用户是否确认离开页面。使用`event.preventDefault()`可以阻止默认的关闭行为,然后通过`event.returnValue`设置返回浏览器的文本,以便实现浏览器关闭的阻止效果。 需要注意的是,尽管我们可以监听`beforeunload`事件阻止浏览器关闭,但这并不是一种推荐的做法。浏览器提供了这个事件是为了给用户提供一个确认离开页面的机会,如果过度使用会给用户带来困扰。在大部分情况下,我们应该尊重用户的操作,不要阻止他们关闭浏览器

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值