小程序模板:专业的小程序模板与静态模板分享平台
小程序
教程
搜索
当前位置 : 首页> 小程序教程> 微信小程序如何点击两次返回键退出小程序

微信小程序如何点击两次返回键退出小程序

在微信小程序中,可以通过监听 onBackPressed 方法来实现点击两次返回键退出小程序的功能。


let lastBackTime = 0 // 上一次按下返回键的时间戳

// 监听页面生命周期函数,监听页面加载
Page({
  onLoad() {
    // 监听返回键事件
    wx.onBackPressed(() => {
      const now = Date.now() // 获取当前时间戳
      if (now - lastBackTime < 1000) { // 判断两次按下返回键的时间间隔是否小于 1 秒
        wx.navigateBack({ delta: 1 }) // 退出小程序
      } else {
        lastBackTime = now // 更新上一次按下返回键的时间戳
        wx.showToast({
          title: '再按一次退出',
          icon: 'none'
        })
      }
    })
  }
})


在上述代码中,我们监听了页面的 onLoad 生命周期函数,并在其中使用 wx.onBackPressed 方法来监听返回键事件。

当用户按下返回键时,我们判断两次按下返回键的时间间隔是否小于 1 秒,如果是,则退出小程序,否则弹出提示信息。


需要注意的是,如果一个页面中多次调用了 wx.onBackPressed 方法,只有最后一次调用会生效。

联系客服 意见反馈

签到成功!

已连续签到1天,签到3天将获得积分VIP1天

知道了