微信小程序T微信小程序Textarea唤醒键盘后右下角显示的是换行而不是发送我现在想要的效果是如果唤醒的键盘中有发送就不展示自定义的发送按钮,如果键盘中没有发送就展示自定义的发送按钮extarea唤醒键盘后右下角显示的是换行而不是发送
时间: 2024-10-12 16:08:01 浏览: 48
微信小程序里的 Textarea 组件默认在键盘底部会显示“更多”选项,其中包括“发送”等快捷操作。如果你想要控制是否显示自定义发送按钮,你可以通过监听输入框(`textarea`)的 `focus` 和 `input` 事件来判断当前键盘是否包含“发送”功能。
首先,在 `onLoad` 或其他适当生命周期钩子里,初始化一个变量如 `showCustomSendButton` 来控制发送按钮的显示状态:
```javascript
Page({
data: {
showCustomSendButton: true,
},
})
```
然后,在 `focus` 事件中检查是否有“发送”键:
```javascript
textareaFocus: function(e) {
const hasSendKey = e.detail.value.includes('发送'); // 检查文本内容是否有 "发送" 字符
this.setData({
showCustomSendButton: !hasSendKey, // 如果有发送键则隐藏自定义发送按钮
});
},
```
最后,在 `input` 事件中保持这个判断,因为用户可能手动输入了“发送”:
```javascript
textareaInput: function(e) {
this textareaFocus(e);
},
```
记得在需要显示自定义发送按钮的地方设置样式并动态调整其可见性:
```html
<view v-if="showCustomSendButton">
<!-- 自定义发送按钮 -->
</view>
```
阅读全文