监听手机物理倒退按键

2018-10-25    分类: wordpress教程

js 禁止 倒退 监听手机实体退回按键

有些时候我们的一些业务逻辑是需要线性执行,不能退回,要么就重来。

为了防止用户中途倒退,可以使用以下js监听。

history.pushState(null, null, location.href);
window.addEventListener('popstate', function(event) {
    history.pushState(null, null, location.href );
    //这里写一旦用户点击物理按键,就会执行回调。
    window.location.href='当前页面url' //倒退永远刷新的都是本地页面
    alert("我监听到了浏览器的返回按钮事件啦");
});


本人使用三星s8和iphone 6手机可以成功执行,其他手机未测试