移动端浏览器检测用户对页面返回操作

如果需要检测到浏览器里用户对页面的返回操作,并执行你的需求,可以加上以下js代码。

<script>
history.pushState(null, null, "#");
    window.onhashchange = function(event) {
        //需要执行的代码
        alert("返回!");
    }
script>

注意:修改历史记录的pushState方法的第三个参数必须为"#"或者#后面跟上你需要修改url的值,这样onhashchange 事件才会被执行。

这种方法可以检测到用户的返回操作,亲测ios端微信内置浏览器里一进入页面返回就可以执行onhashchange事件,但安卓端需要对屏幕进行操作后才可以实现(比如点击或者滑动屏幕),否者一进入页面就返回的话onhashchange事件并不会执行(其它大部分浏览器都是这种情况,但小米浏览器是一进入页面就点击返回却可以执行到onhashchange事件)。

你可能感兴趣的:(前端)