小程序input阻止事件冒泡
时间: 2023-09-14 16:11:08 浏览: 109
jquery阻止事件冒泡
要阻止小程序中的input组件事件冒泡,可以使用catchtap属性。该属性可以阻止事件向父元素冒泡。在input组件上添加catchtap属性,并在事件处理函数中调用event.stopPropagation()方法来阻止事件冒泡。
示例代码如下:
```xml
<view catchtap="stopPropagation">
<input bindinput="inputEvent" />
</view>
```
```javascript
Page({
stopPropagation(event) {
event.stopPropagation();
},
inputEvent(event) {
console.log("Input event triggered");
},
});
```
在上面的示例中,当点击input组件时,事件不会向上级元素冒泡,而是只触发inputEvent事件处理函数。
阅读全文