首先为了确定是人机交互，这个是个别浏览器有要求，就比如谷歌浏览器，

这里就需要做一个前置引导效果（比如弹个提示窗、引导指示等，主要就是让用户点击下屏幕），

然后接下来使用这段代码做拦截

// 浏览器的历史堆栈中的状态发生变化时触发
function popstate() {
    // 停止浏览器加载事件（防止后退）
    window.stop()
    window.history.pushState(null, null, document.URL)
    
    // 以下实现后退拦截交互方法
    // do something ....
}

// 在网页加载完成时候执行一下方法
window.history.pushState(null, null, document.URL)
// 给window添加一个popstate事件，拦截返回键
window.addEventListener('popstate', popstate, false)

// 如果是当页面应用则需要销毁popstate事件的监听
window.removeEventListener('popstate', popstate, false)

这样子差不多就可以了

本文地址：
转载请著名出处，谢谢！
欢迎交流
QQ：419268793