uniapp小程序怎么在点击发送按钮的时候不触发inputBindBlur方法
时间: 2024-10-12 17:12:25 浏览: 21
微信小程序按钮点击跳转页面详解
5星 · 资源好评率100%
在uniApp小程序中,如果你不想让`inputBindBlur`方法在点击发送按钮时触发,你可以通过阻止事件冒泡的方式来实现。在发送按钮的点击事件处理器中添加`event.stopPropagation()`或者`e.stopPropagation()`,这会防止该事件向上层元素传递,包括到输入框。
例如,在WXML文件中,你可以这样做:
```html
<button bindtap="sendMessage" event.stopPropagagation()>{{btnText}}</button>
<view class="input-wrap">
<input type="text" bindblur="handleInputBlur" />
</view>
```
然后在对应的JS文件中定义`sendMessage`方法:
```javascript
Page({
sendMessage: function(e) {
// 发送消息的逻辑...
e.preventDefault(); // 另一种方式阻止默认行为
},
handleInputBlur: function(e) {
// 输入框失去焦点的逻辑...
}
})
```
这里,`event.stopPropagagation()` 或 `e.preventDefault()` 都可以达到目的,前者主要用于阻止事件继续传播,后者用于阻止浏览器的默认处理行为(如表单提交等)。
阅读全文