微信小程序--处理键盘收起_微信原生 textarea自动收键盘

作者：我家小花儿 | 2024-06-03 20:46:27

踩

微信原生 textarea自动收键盘

问题:

弹出的键盘, 点击键盘上的收起键盘的按钮, 无回调.
安卓: 键盘上自带收起键盘
iOS: 安装第三方键盘可以尝试

描述:

通常, 我们判断键盘收起, 是判断input或者 textarea 的失去焦点, 作为收起键盘的依据.
但是, 当我们点击键盘上的收起键盘, 上述判断就无效了.

解决:

因为我们还需要加上如下的操作:

添加事件绑定, 观察键盘高度的变化

bindkeyboardheightchange="keyboardheightchange"
1

实现关联回调

keyboardheightchange: function(e) {
    let { height, duration } = e.detail;
    const isShow = height > 0;
    this.setData({
      showKeyBoard: isShow
    })
  },
1
2
3
4
5
6
7

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家小花儿/article/detail/668843