记录：uni-app 监听浏览器返回事件,onBackPress生命周期失效问题

Posted 2023-05-04

参考技术A onLoad()

          if (window.history && window.history.pushState)

                   history.pushState(null, null, document.URL);

                    window.addEventListener("popstate", this.show11, false);

         

,

onUnload()

          window.removeEventListener("popstate", this.show11, false);

,

methods:

          show11()

                  uni.showModal(

                              content: '保留此次编辑？',

                              cancelText: '不保留',

                              confirmText: '保留',

                              success: function (res)

                                        if (res.confirm)

                                                  uni.showToast(

                                                            title: '用户点击保留',

                                                            duration: 1000

                                                    )

                                        else if (res.cancel)

                                                  uni.showToast(

                                                            title: '用户点击不保留',

                                                            duration: 1000

                                                    )

                                       

                             

                    )

         

js监听微信浏览器返回按钮事件

 pushHistory();  
    window.addEventListener("popstate", function(e) {  
        alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现自己的功能  
}, false);  
    function pushHistory() {  
        var state = {  
            title: "title",  
            url: "#"  
        };  
        window.history.pushState(state, "title", "#");  
    }