记录一下JQ怎么控制一下浏览器前进与后退
- 第一种方式
(适用于页面存在Input,Text时如果用户点击退格键可能会导致写了一大半的内容都丢失,显然这样不合适):
1、定义一个JQ方法
function DoKey() {
var ev = e || window.event;//获取event对象
var obj = ev.target || ev.srcElement;//获取事件源
var t = obj.type || obj.getAttribute(‘type’);//获取事件源类型
if (ev.keyCode == 8 && t != “password” && t != “text” && t != “textarea”)//如果有其他的可以标签继续往下加 {
return false;
}
}
2、在需要禁止回退的页面调用
//禁止后退键 作用于Firefox、Opera
document.onkeypress = DoKey;
//禁止后退键 作用于IE、Chrome
document.onkeydown = DoKey;
- 第二种方式
(任何情况下都禁止回退)
history.pushState(null, null, document.URL);
window.addEventListener(‘popstate’, function () {
history.pushState(null, null, document.URL);
});