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

    技术2023-10-24  109

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

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

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

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

    Processed: 0.009, SQL: 10