骨干点击锚事件

Question

我正在从头开始创建Web应用程序，并且正在使用Backbone。 因此，一开始，我试图将我的整个应用程序与View关联，将一些锚点（带有内部链接）绑定到click事件，该事件获取href并导航至该事件，如下所示：

var App = new ( Backbone.View.extend( {
...
events : {
    'click a[data-internal]' : function( event ) {
        event.preventDefault();
        Backbone.history.navigate( event.target.pathname, { trigger : true } );
    }
},
start : function() {        
    Backbone.history.start( { pushState : true } );              
}

}))({ el : document.body });

$( function() { App.start(); });

然后我有以下html：

<li>
    <a href="/messages" data-internal="true"><img src="assets/img/mail.png" alt="Mensagens" title="Mensagens"></a>
</li>

我的问题是，触发事件时，event.target始终与img子项关联，而不与锚点关联。 它似乎与冒泡无关。 我已经尝试使用e.stopPropagation（）。 没有内部img，效果很好。

我不明白为什么会这样。 有人可以向我解释吗？

非常感谢 ;）

编辑：我解决了使用ho.s建议使用event.currentTarget的问题。