js禁止浏览器使用backspace键后退网页及禁止所有后退操作

禁止浏览器使用backspace键后退网页

<script>
//禁止浏览器使用backspace键后退网页
function banBackSpace(e) {
var ev = e || window.event;
//各种浏览器下获取事件对象
var obj = ev.relatedTarget || ev.srcElement || ev.target || ev.currentTarget;
//按下Backspace键
if(ev.keyCode == 8) {
var tagName = obj.nodeName //标签名称
//如果标签不是input或者textarea则阻止Backspace
if(tagName != 'INPUT' && tagName != 'TEXTAREA') {
return stopIt(ev);
}
var tagType = obj.type.toUpperCase(); //标签类型
//input标签除了下面几种类型，全部阻止Backspace
if(tagName == 'INPUT' && (tagType != 'TEXT' && tagType != 'TEXTAREA' && tagType != 'PASSWORD')) {
return stopIt(ev);
}
//input或者textarea输入框如果不可编辑则阻止Backspace
if((tagName == 'INPUT' || tagName == 'TEXTAREA') && (obj.readOnly == true || obj.disabled == true)) {
return stopIt(ev);
}
}
}


function stopIt(ev) {
if(ev.preventDefault) {
//preventDefault()方法阻止元素发生默认的行为
ev.preventDefault();
}
if(ev.returnValue) {
//IE浏览器下用window.event.returnValue = false;实现阻止元素发生默认的行为
ev.returnValue = false;
}
return false;
}
//对功能按键的获取
document.onkeydown = banBackSpace;
</script>

消除 后退的所有动作。包括 键盘、鼠标手势等产生的后退动作。

<script language="javascript">
//防止页面后退
history.pushState(null, null, document.URL);
window.addEventListener('popstate', function() {
history.pushState(null, null, document.URL);
});
</script>