H5手机端,手机物理返回键

hbuilder的h5+提供开发webapp的诸多便利,但是很多手机的物理返回按钮如果不修改默认事件 点击返回按钮就返回桌面在这提出一个解决的方法


            let that=this
            let eventFn=function(){
                let a=0 
                document.addEventListener("plusready", function() { 
                    // 注册返回按键事件 
                    plus.key.addEventListener('backbutton', function(){  
                        // 事件处理 
                        switch(that.$route.name){
                            case 'monitoring'://首页
                                a++
                                if(a===1){  
                                    setTimeout(()=>{ a=0 },1500) 
                                    plus.nativeUI.toast("再次点击退出程序");//系统提示消息 
                                }else if(a===2){
                                    plus.runtime.quit(); //退回到桌面
                                }
                            break;
                            default:  
                                // 返回上一页
                                window.history.back(); 
                            break
                        }
                    }, false); 
                });
            }
           eventFn()

可参照文档:http://www.html5plus.org/doc/zh_cn/events.html
如此方法未解决可参照博客:https://www.jianshu.com/p/6227c4126870

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章