小程序获取input里的值

小程序事件的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


你可能感兴趣的:(微信小程序)