Javascript 不同的当前目标使用带有铁图标的纸上点击按钮

Javascript 不同的当前目标使用带有铁图标的纸上点击按钮,javascript,polymer,polymer-1.0,Javascript,Polymer,Polymer 1.0,为什么当前点击的目标与使用铁图标的纸张按钮和不使用铁图标的纸张按钮不同 <dom-module id="button-tap"> <template> <paper-button on-tap="_getData">without icon</paper-button> <paper-button on-tap="_getData"><iron-icon="icons:thumb-up"><

为什么当前点击的
目标
与使用
铁图标的
纸张按钮
和不使用
铁图标的
纸张按钮
不同

  <dom-module id="button-tap">
    <template>
    <paper-button on-tap="_getData">without icon</paper-button>
    <paper-button on-tap="_getData"><iron-icon="icons:thumb-up"></iron-icon> with icon</paper-button>
    </template>
  </dom> 

无图标
带图标
如果未使用
铁图标
(子元素),则当前
目标
纸张按钮

如果使用子元素,如何将
纸张按钮
作为当前
目标


如果要在单击
纸张按钮的内容时访问该按钮,请使用(而不是
目标
):

当事件遍历DOM时,标识事件的当前目标。它总是指事件处理程序已附加到的元素,而不是标识事件发生所在元素的
event.target

例如:

_onTap: function(e) {
  console.log('currentTarget:', e.currentTarget);
}
HTMLImports.whenReady(()=>{
聚合物({
是‘x-foo’,
_onTap:功能(e){
log('tap currentTarget:',e.currentTarget);
}
});
});

纸张按钮:
电子邮件
纸张图标按钮:

如果您想在单击
纸张按钮的内容时访问该按钮,请使用(而不是
目标
):

当事件遍历DOM时,标识事件的当前目标。它总是指事件处理程序已附加到的元素,而不是标识事件发生所在元素的
event.target

例如:

_onTap: function(e) {
  console.log('currentTarget:', e.currentTarget);
}
HTMLImports.whenReady(()=>{
聚合物({
是‘x-foo’,
_onTap:功能(e){
log('tap currentTarget:',e.currentTarget);
}
});
});

纸张按钮:
电子邮件
纸张图标按钮:

因为默认情况下,事件气泡朝上,事件委派中有一个元素direction@VinodLouis如果有子元素(
铁图标
),如何点击元素(
纸按钮
)?使用current Target,因为默认情况下,事件气泡朝上,事件委派中包含一个元素direction@VinodLouis如果有子元素(
铁图标
),如何点击元素(
纸按钮
)?再次使用当前的TargetHanks@tony19 btw我可以收到你的电子邮件吗?仅用于学习聚合物德苏尔。我的电子邮件在我的个人资料中,但如果你在堆栈溢出上发布问题,你更有可能得到答案(不一定来自我)。再次感谢@tony19 btw我可以收到你的电子邮件吗?,仅用于学习聚合物..:德苏尔。我的电子邮件在我的个人资料中,但如果你在堆栈溢出上发布问题,你更有可能得到答案(不一定来自我)。