问题描述:
输入框弹起之后点击软键盘自带的收起按钮,发现输入框并没有取消焦点
问题导致:
再次点击输入框进行内容输入的时候软键盘弹起 输入框不显示
问题解决:
<textarea cursor-spacing="20" :focus="focus" auto-height="true" v-model="textMsg" @focus="textareaFocus" />
我实现的方式是监听软键盘的高度
当点击软键盘自带的收起按钮的时候也就是会隐藏软键盘 这时候监听到的软键盘的高度就是0 ,让输入框取消焦点 这时候再去输入内容的时候 输入框就会弹起
uni.onKeyboardHeightChange(res => {
console.log("软键盘高度监听"+res.height);
//监听软键盘的高度
//当点击软键盘自带的收起按钮的时候也就是会隐藏软键盘 这时候监听到的软键盘的高度就是0 、
//让输入框取消焦点 这时候再去输入内容的时候 输入框就会弹起
if(res.height==0){
this.focus=false;
this.hideDrawer();
}
})