【问题标题】:How to detect if the back button is pressed in android /ios phone using react js如何使用react js检测android / ios手机中是否按下了后退按钮
【发布时间】:2018-06-01 20:30:57
【问题描述】:

我已经使用 React js 开发了一个响应式网站。我想在用户按下 android/ios 手机的后退按钮时显示确认弹出窗口如何使用 react js 或节点检测手机中是否按下了后退按钮js

【问题讨论】:

    标签: javascript reactjs


    【解决方案1】:

    这就是我的做法,假设我在仪表板下有三个子路由,例如主页、数据和用户

     handleBackButton() {
      this._isMounted = true;
      window.onpopstate = ()=> {
       if(this._isMounted) {
        const { hash } = location;
        if(hash.indexOf('home')>-1 && this.state.value!==0)
          //Your action
        if(hash.indexOf('users')>-1 && this.state.value!==1)
         //Your action
        if(hash.indexOf('data')>-1 && this.state.value!==2)
          //Your action
      }
    }
    

    }

    【讨论】:

    • 有没有办法使用类似 event.keyCode 来检测手机后退按钮
    • 以上代码也可以在移动设备上运行,实际上它不是发送硬件按钮按下事件,而是捕获您的路线更改事件。
    • 只是说,如果这是对别人答案的转贴,您应该在到期时提供信用...stackoverflow.com/a/39363278/8382028
    • 可能有人已经发布了解决方案,但是几个月前我在我的项目中使用了这个代码,这就是我回答你的原因,如果我在回答你之前看到了这篇文章,那么我肯定已经给你了网址而不是答案。
    猜你喜欢
    • 2018-08-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-12-29
    • 1970-01-01
    • 2017-06-11
    • 2017-08-09
    • 2017-12-23
    相关资源
    最近更新 更多