Backbone.js 事件绑定

Question

我正在使用 Backbone.js，它为每个模型的视图提供分段的控件类型 UI 元素。它们每个都由一个 ul 和一些 li 元素组成。我想绑定一个事件，以便当单击这些元素之一时，我可以确定单击了哪个元素并使用适当的值更新模型。

问题在于 Backbone 绑定事件（这些事件位于视图的事件哈希中），以便回调函数中的“this”引用视图，而不是 li 元素。这意味着我无法确定这几个 li 元素中的哪一个被单击了。如果我使用普通的 jQuery 绑定，我可以将“this”绑定到 li 元素，但是我不再跟踪模型，所以我无法更新它。

Answer 1

在我看来，jQuery 将 this 设置为当时方便的任何内容的习惯是一种非常令人讨厌的模式 - 幸运的是，您永远不必依赖它：

onClick: function(e) {
  this;                // Still the view instance (as it should be).
  e.target;            // The element that was clicked.
  e.currentTarget;     // The element that was bound by the click event.
}

...您可以使用 <事件对象的 code>target 或 currentTarget（视情况而定）。

Answer 2

不明白为什么我不能对上面@jashkenas 的答案发表评论。他的方法是正确的（谢谢！），但我想我应该澄清一下情况：在您的事件处理程序中，您可以恢复事件绑定到的元素。示例骨干代码如下所示：

MyView = Backbone.View.extend({
    events: {
        'click .item': 'handleClick'
    },

    handleClick: function(e) {
        this; // The view instance
        e.target; // The element that was clicked 
        e.currentTarget; // The element that was bound by the click event
    }
});

我使用它在所有表单字段中设置默认文本...是的，我还不太喜欢 HTML5 :)

编辑：
顺便说一句，e.target 是原始元素。您需要使用 $(e.target) 来获取 jQuery 访问权限。