小程序输入框触发事件
时间: 2024-03-12 11:39:15 浏览: 80
小程序输入框触发事件可以通过以下两种方式实现:
1. 在 wxml 文件中给输入框绑定一个事件,例如:
```
<view class="container">
<input bindinput="onInput" placeholder="请输入内容"/>
</view>
```
在对应的 js 文件中,定义 onInput 函数来处理输入框的输入事件:
```
Page({
onInput: function(event) {
console.log(event.detail.value)
}
})
```
2. 使用组件化开发的方式,在组件内部定义一个输入框,并且给输入框绑定一个事件,例如:
```
<template name="my-input">
<input bindinput="onInput" placeholder="{{placeholder}}"/>
</template>
```
在对应的 js 文件中,定义 onInput 函数来处理输入框的输入事件:
```
Component({
methods: {
onInput: function(event) {
console.log(event.detail.value)
}
}
})
```