uniapp input输入框直接点击发送按钮后隐藏怎么还显示一个空白是边框,点键盘确认按钮之后再点发送就正常,解决案例
时间: 2023-06-27 18:08:31 浏览: 181
输入框的隐藏和显示
这个问题可能是由于输入框失去焦点后,键盘收起导致的。可以尝试在点击发送按钮时,手动让输入框失去焦点,然后再发送消息。
具体实现方法如下:
1. 在发送按钮的点击事件中,添加以下代码:
```javascript
// 获取输入框元素
const inputEl = uni.$('#input');
// 手动让输入框失去焦点
inputEl.blur();
// 发送消息
sendMessage();
```
2. 在输入框元素中添加一个 id 属性,方便获取元素:
```html
<uni-input id="input" placeholder="请输入消息内容"></uni-input>
```
这样就可以解决在直接点击发送按钮后,输入框边框还显示的问题了。
阅读全文