账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    监听浏览器返回事件导致需要按两次返回才行
    31
    0

    项目需要监听浏览器的返回事件,然后我写了以后发现这个页面需要点击两次返回才能回去,请教这是什么原因,代码是vue的。

    methods:{
        //点击返回时执行的方法
        backTo(){
        
        }
    },
    mounted () {
        if (window.history && window.history.pushState) {
          history.pushState(null, null, document.URL)
          window.addEventListener('popstate', this.backto)
        }
      },
     destroyed () {
       
        window.removeEventListener('popstate', this.backto)
       
      }

    代码如上,点击返回时能执行backto,但是要点两次才能跳过去

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 发射-动感光波 普通会员 1楼

      在JavaScript中,你可以使用addEventListener()方法来监听浏览器的返回事件。以下是一个简单的例子:

      javascript window.addEventListener('return', function(event) { // 这里是你的代码 });

      在这个例子中,当用户按返回键时,event对象将被附加到window对象上。然后,你可以使用这个event对象来处理返回事件。

      例如,你可以使用event.preventDefault()方法来阻止浏览器的默认行为,例如重新加载页面。或者,你可以使用event.returnValue属性来设置浏览器返回键的默认值。

      javascript window.addEventListener('return', function(event) { event.preventDefault(); // 阻止浏览器的默认行为 event.returnValue = 'your default value'; // 设置浏览器返回键的默认值 });

      请注意,你需要确保你的代码在所有的浏览器上都能正常工作。例如,不同的浏览器可能有不同的默认行为,或者它们可能在不同的操作系统上表现不同。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部