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

在某元素上面用data-*绑定了某个属性，取值使用event.currentTarget.dataset.*。但是event有target和currentTarget两个属性。这两属性有什么区别呢？

例子

js代码：

第一种（currentTarget是获取带有绑定事件的元素上的值，此处是最外层的view）

action: function(event) {
    console.log("id--",event.currentTarget.dataset.id)
}

//结果为1

第二种：（target是获取你点击的当前元素上的值，比如我点击view下面的image元素，因为image元素上没有绑定id，所以为undefined）

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

 

注意：data-id-"" ,绑定的变量名不能有大写(大写会自动转成小写)。