Question

我有以下格式的HTML：

<div class="panel panel-1 active" data-chart="flight-chart">
   <div class="row panel-header">
      <div class="col-sm-3"><i class="fa fa-plane fa-4x"></i></div>
      <div class="col-sm-9">
         <div class="big">123,673</div>
         <div class="small">flights added since 3/3/2016</div>
      </div>
   </div>
   <div class="panel-footer">view more information</div>
</div>

我正在使用以下代码捕获点击事件：

Template.infoPanel.events
  'click .panel': (event, instance) ->
    console.log 'panel click',event.target

我遇到的问题是，根据我点击的.panel div中的位置，会为event.target返回不同的元素。因此，如果我点击.col-sm-9 div，即使该事件的目标是父.panel，也会将其作为目标返回。点击.panel-footer即可。

如何从点击事件内部100％获取.panel元素？

Answer 1

改为使用currentTarget：

console.log 'panel click', event.currentTarget

有关详细信息，请参阅文档的Event Maps部分。

获取Meteor中的点击元素？

1 个答案: