e.target.dataset与e.currentTarget.dataset获取不到定义的值

你是否遇到这种情况：当你想要获取某个属性里面的值时，怎么点击都无法获取到那个值，例如下面的例子，你想获取view标签里面data-action这个属性的father的这个值，但是你发现点击的时候并没有取到“father”

 

wxml代码：

<view data-action="father" bindtap="GetAction">
    <image src="https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=1302131682,4226401052&fm=58&bpow=492&bpoh=408" mode="widthFix">
    </image>
    <text>文字</text>
</view>

 

js代码：

第一种：

GetAction: function (e) {
    var action = e.currentTarget.dataset.action;
    console.log(action); //father
}

第二种：

GetAction: function (e) {
    var action = e.target.dataset.action;
    console.log(action); //undefined
}

 

如wxml中的代码所示：view包含着img和text，当点击图片时，

使用第一种的方法e.target.dataset.action会获取当前点击的元素的action，则获取图片上的action，图片上没有action便取的是undefined；

使用第二种的方法e.currentTarget.dataset.action会获取有事件的那个元素，即view，所以获得“father”

 

注意：data-action="father" 不能有大写(大写会自动转成小写)。

如果你写成大写data-Action="father" ，然后js里面通过 e.currentTarget.dataset.Action是获取不到"father"的