Backbone.js事件绑定

我正在使用Backbone.js为每个模型的视图都有一个分段控件类型的UI元素。 它们各自由具有少量li元素的ul组成。 我想绑定一个事件，以便在单击其中一个元素时，我可以确定单击了哪个元素并使用适当的值更新模型。

问题是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. } 

…您可以根据需要使用事件对象的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访问权限。