骨干点击事件：仅在实际点击的元素上触发

Question

在Backbone应用程序中，我为集合中的每个模型实例化一个视图。

如果单击这些视图之一，我想调用一个函数。

不幸的是，该函数被调用了n次，其中n是实例化的模型/视图的数量。 我已经设法找出被单击的元素来解决这个问题，但是我仍然不满意知道一个事件可能在同一时刻被触发200次以上。

该事件绑定如下：

var Item = Backbone.View.extend({
    events: {
        'click .list-group-item': function(event) { this.doSomething(event); },
    },

    doSomething: function(event) {
        $(event.currentTarget).toggleClass('active');
    },
});

在上面的代码中，您还可以使用event.currentTarget看到我的解决方法，但是如何避免这种情况呢？ 有没有一种方法可以在不单击event.currentTarget情况下区分.list-group-item元素，因此最好在单击元素时立即使用？

另一种方法是将事件绑定到父元素，因此只触发一次，然后使用event.currentTarget触发，但对我来说似乎也很event.currentTarget 。

Answer 1

由于要附加到视图中任何位置的单击，因此无需指定.list-group-item 。 另外，您只需要指定事件回调函数的名称：

var Item = Backbone.View.extend({
  events: {
    'click': 'doSomething'
  },

  doSomething: function(event) {
    $(event.currentTarget).toggleClass('active');
  },
});