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

被折叠的 条评论
为什么被折叠?



