小程序 从 dom 节点获取参数

Question

dataset

<view data-alpha-beta="1" data-alphaBeta="2" bindtap="bindViewTap"> DataSet Test </view>

Page({
  bindViewTap:function(event){
    event.currentTarget.dataset.alphaBeta === 1 // - 会转为驼峰写法
    event.currentTarget.dataset.alphabeta === 2 // 大写会转为小写
  }
})

mark（2.7.1）

用途

• 来识别具体触发事件的 target 节点
• 承载一些自定义数据（类似于 dataset ）

注意

• 当事件触发时，事件冒泡路径上所有的 mark 会被合并，并返回给事件回调函数
• 即使事件不是冒泡事件，也会 mark
• mark 会包含从触发事件的节点到根节点上所有的 mark: 属性值
• 在自定义组件中接收事件时， mark 不包含自定义组件外的节点的 mark
• 如果存在同名的 mark ，父节点的 mark 会被子节点覆盖。
• 不同于 dataset ，节点的 mark 不会做连字符和大小写转换。

<view id="outer" mark:outer="outer">
  <view id="midder" mark:midder="midder" bindtap="bindViewTap">
    <button id="inner" mark:inner="inner" bindtap="bindButtonTap">按钮</button>
  </view>
</view>

Page({
//点击 inner
bindButtonTap: function(e) {
  e.mark.inner === "inner" // true
  e.mark.midder === "midder" // true
  e.mark.outer === "outer" // true
}
 //点击 midder
bindViewTap: function(e) {
  e.mark.inner === "inner" // false
  e.mark.midder === "midder" // true
  e.mark.outer === "outer" // true
}
})