当前位置：网站首页 > 技术文章 > 正文

JavaScript黑暗技巧:禁止浏览器点击“后退”按钮

itomcoil 2025-05-24 14:44 2 浏览

浏览网页时，当从A页面点击跳转到B页面后，一般情况下，可以点击浏览器上的“后退”按钮返回A页面。

如果进入B页面后，B页面想让访问者留下，禁止返回，是否可以实现呢？

这简直是要控制浏览器的行为，虽然有些邪恶，但确实可以实现，使用特殊的JavaScript代码就可实现。

方法如下：

实现原理：

监听浏览器的popstate事件，该事件会在用户点击浏览器的回退按钮时被触发。

然后，使用History.pushState()方法向当前浏览器会话的历史堆栈中添加一个陷阱状态，该状态会使“回退”操作无效。

JS源码：

<script>
//浏览器返回键事件
pushHistory();
window.addEventListener("popstate", function(e) {
//判断移动端
var userAgentInfo = navigator.userAgent;
var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");
var equipmentType = false;
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) != -1) {
equipmentType = true;
break;
}
}
if (equipmentType) {
$("#mask-back").show();
$("#mask-back .back-close").on("click", function() {
$("#mask-back").hide();
})
}
pushHistory(); //注，此处调用，可以让用户一直停留着这个页面
}, false);
function pushHistory() {
var stateeee = {
title: "title",
url: "#"
};
window.history.pushState(stateeee, "title", "#");
}
</script>

测试方法：

建立两个文件：a.html、b.html。

a文件内容简单写一句代码：

<a href="b.html">goto b.html</a>。

b文件内容写入上面的源码。

打开a页面，点击链接进入b页面，这时再点击浏览器上的“后退”按钮，会发现：操作无效，无法后退。

提升强度：

这个黑暗的技巧，虽然使用了不常见的技术方法，但查看页面源码很容易发现其实现原理。

为了保护代码、防止代码被分析，可以对上面的JavaScript代码加密，加密使用JShaman。

进入JShaman官网，贴入代码：

在配置中，勾选“字符串加密”：

然后生成混淆加密的JavaScript代码：

复制粘贴回b文件：

这时，代码成为加密状态，虽然不影响运行，是万万不可能了。

css禁止点击样式

上一篇：对齐PyTorch，一文详解OneFlow的DataLoader实现
下一篇：7个Axure使用小技巧

JavaScript黑暗技巧:禁止浏览器点击“后退”按钮

实现原理：

JS源码：

测试方法：

提升强度：

相关推荐

我用 1 个 2 手计算器换了 3 台 MacBook(上)

零基础也能搞定!DeepSeek大模型本地安装全攻略

Python三目运算符(三元运算符)用法详解

PS零基础入门教程:Photoshop 2024工具详解—标尺工具

按颜色计数、求和、算平均值或最大值?学这个函数就够啦!

SpringBoot中使用LocalDateTime踩坑记录

最全的linux安装软件方法 linux安装软件流程

深入理解Python中的try-except语句，避免代码崩溃的噩梦

a4尺寸是多大像素多少厘米长宽，4k的纸是多大的纸是a4的吗

PS 零基础入门 040:图层样式选项