以下是使用JavaScript实现屏蔽页面退格键回退的方法:
// 禁止页面退格键回退 function disableBackspaceNavigation() { // 判断浏览器类型 const isIE = navigator.userAgent.indexOf("MSIE") !== -1; const isFirefox = navigator.userAgent.indexOf("Firefox") !== -1; const isOpera = navigator.userAgent.indexOf("Opera") !== -1; // 针对不同类型浏览器的处理 if (isIE) { document.attachEvent("onkeydown", function(e) { const key = e.keyCode || e.which; if (key === 8) { e.returnValue = false; return false; } }); } else if (isFirefox || isOpera) { document.addEventListener("keydown", function(e) { const key = e.keyCode || e.which; if (key === 8) { e.preventDefault(); return false; } }); } else { document.onkeydown = function(e) { const key = e.keyCode || e.which; if (key === 8) { e.preventDefault(); return false; } }; } }
调用该方法即可禁止页面回退键的退格功能。注意,这不是一个完美的方法,因为在某些情况下,还是可以通过其他方式进行回退。但在普通场景下,是可以实现目的的。