禁止web中点击浏览器后退键!只需在首页加个方法即可

举报
_陈哈哈 发表于 2022/01/23 00:29:29 2022/01/23
【摘要】 情况分析 有些前端框架是登录后加载一个主页面,其他子页面加载都是以显隐形式或iiframe等方式进行控制,这种框架的弊端就是必须点击页面中的后退按钮进行后退行为。如果点击浏览器的后退按钮则会出现直接退出系统回到登录页的情况。 那我想禁止用户点击浏览器后退键行不行呢? 当然,只需在登录后的首页中加上下面方法就行了。 <scr...

情况分析

有些前端框架是登录后加载一个主页面,其他子页面加载都是以显隐形式或iiframe等方式进行控制,这种框架的弊端就是必须点击页面中的后退按钮进行后退行为。如果点击浏览器的后退按钮则会出现直接退出系统回到登录页的情况。

那我想禁止用户点击浏览器后退键行不行呢?

当然,只需在登录后的首页中加上下面方法就行了。


  
  1. <script type="text/javascript">
  2. $(function(){
  3. //消除后退的所有动作。包括 键盘、鼠标手势等产生的后退动作。,用户登录到系统中后,浏览器回退按钮失效,只能点击退出按钮退出系统!
  4. history.pushState(null, null, document.URL);
  5. window.addEventListener('popstate', function () {
  6. history.pushState(null, null, document.URL);
  7. });
  8. });
  9. </script>

希望大家少走一些坑 -- 陈哈哈

文章来源: chensj.blog.csdn.net,作者:_陈哈哈,版权归原作者所有,如需转载,请联系作者。

原文链接:chensj.blog.csdn.net/article/details/100565281

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

举报
请填写举报理由
0/200