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

记录一下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);
    });
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值