H5监听Android物理返回键

Posted 冷风吹1016

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5监听Android物理返回键相关的知识,希望对你有一定的参考价值。

问题:H5页面的返回键可以回退到指定页面,但是android手机的物理返回键会回到上一页。

解决办法:以下代码可以实现,Android返回键时调用H5的方法(下面代码中用的是H5的GoBackUrl方法),实现跳转到指定页面。

        //拦截安卓回退按钮,调用H5的返回方法
        history.pushState(null, null, location.href);
        window.addEventListener(\'popstate\', function (event) {
            history.pushState(null, null, location.href);
            GoBackUrl();//H5自己定义的返回方法
        });

 

参考文档:

https://www.cnblogs.com/hellxz/p/7764932.html 

以上是关于H5监听Android物理返回键的主要内容,如果未能解决你的问题,请参考以下文章

vue实现app移动端Android监听物理返回键

vue的app监听返回键

android中怎么给h5界面设置点击监听

iOS监听H5页面goBack返回事件 & 网页监听APP返回键 (NavigationBackItemInjection)

Android 优雅的让Fragment监听返回键

H5监听手机返回按键写法(基于H5+)