小程序获取input里的值

本文详细解析了小程序中的事件机制,包括target、currentTarget和detail的概念及其使用方法。通过具体实例介绍了如何利用这些特性来处理事件,比如如何从事件对象中获取组件ID及自定义数据等。

小程序事件的target  currentTarget  detail 


1.target
触发事件的源组件

属性
类型
说明
id
string
事件源组件的id
tagName
string
当前组件的类型
dataset
object
事件源组件上由data-开头的自定义属性组成的集合

2.currentTarget

触发事件的组件

属性
类型
说明
id
string
事件组件的id
tagName
string
当前组件的类型
dataset
object
事件组件上由data-开头的自定义属性组成的集合

<view  data-index="2" bindtap="bindViewTap" id="0"> DataSet Test </view>
bindViewTap:function(e){
e.currentTarget.dataset.index; //2 根据data-index获取
event.currentTarget.id //0 根据id获取


3.detail
自定义事件所携带的数据,如表单组件的提交事件会携带用户的输入

<view class="section">
<view class="section__title">你输入的是:{{inputValue}}</view>
<input bindinput="bindKeyInput" placeholder="输入同步到view中" />
</view>

bindKeyInput: function(e) {
this.setData({
inputValue: e.detail.value
})
},
  

input有name属性获取name属性名用(e.detail.value.name属性名)也可以获取input内容

name='lastname' ----------e.detail.value.lastname


评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值