【uniapp 监听键盘弹起与收回】

本文介绍了如何在uniapp中利用小程序提供的API监听键盘的弹起和收回,通过onLoad注册事件,在onUnload时取消,onKeyboardHeightChange函数处理具体事件。

在uniapp中,可以通过使用小程序提供的API来监听键盘弹起与收回。

首先,在页面的onLoad函数中注册监听事件:

onLoad() {
  uni.onKeyboardHeightChange(this.onKeyboardHeightChange);
},

然后,在页面的onUnload函数中取消注册监听事件:

onUnload() {
  uni.offKeyboardHeightChange(this.onKeyboardHeightChange);
},

接着,在页面中定义onKeyboardHeightChange函数,用于处理键盘弹起和收回事件:

onKeyboardHeightChange(res) {
  const { height, duration } = res;
  // 键盘弹起
  if (height > 0) {
    console.log('键盘弹起');
  }
  // 键盘收回
  else {
    console.log('键盘收回');
  }
}

通过上述代码,就可以实现在uniapp中监听键盘弹起和收回的功能。

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值