mui中同一个页面按物理返回键只关闭弹窗,不返回上一个页面

版权声明:本文为博主原创文章,若需转载,请注明出处。 https://blog.csdn.net/yushun17/article/details/82900155

若一个页面中存在弹窗,在弹窗打开的状态下,点击物理返回键只要求关闭当前弹窗,而不是返回上一页面,再次点击物理键时才会返回上一页面,有以下解决方法。

step1:进入页面时先禁用物理返回键,此时还能监听到返回键,只是不执行返回

mui.init({

    beforeback:function(){//禁止物理按键返回,在弹出确认框选择完毕后再执行返回

    return false;

    },

    swipeBack:false //关闭-右滑关闭功能

})

step2:监听返回键,判断弹窗是否为打开状态,若是则关闭弹窗,否则关闭当前页面;

由于禁用了物理返回键,页面上的返回按钮也不能使用,故需要绑定一个点击事件

mui.plusReady(function() {

    mui('.mui-action-back')[0].addEventListener('tap',function(){// 绑定返回按钮事件

        plus.webview.currentWebview().close();

    })

    // 监控物理返回键

    plus.key.addEventListener('backbutton', function() {

        if(//弹窗打开){

            //关闭弹窗

            return;

        }else{

            plus.webview.currentWebview().close();//关闭弹窗
    
        }

    }, false); })

 至此这个问题就能解决,若有其他方案,欢迎分享。

猜你喜欢

转载自blog.csdn.net/yushun17/article/details/82900155
今日推荐