使用JQ来控制浏览器的进退

来源:互联网 发布:程序员 杂志 pdf 编辑:程序博客网 时间:2024/05/22 15:55

记录一下JQ怎么控制一下浏览器前进与后退

  1. 第一种方式

(适用于页面存在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;

  1. 第二种方式
    (任何情况下都禁止回退)
    history.pushState(null, null, document.URL);
    window.addEventListener(‘popstate’, function () {
    history.pushState(null, null, document.URL);
    });
原创粉丝点击