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

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