嵌套时触发了错误的ng-click

Question

我遇到嵌套ng-clicks问题，这与以下方面有关： Two nested click events with angularjs和Nested ng-click's in IE9。

我有以下html结构，而函数使用$ event.stopPropagation（）来不调用_outerFunction（）。使用鼠标工作正常。但是，使用键盘导航到第一个元素或'hover_Button'并按'Enter'将始终调用_outerFunction（）而不是元素的实际ng-click。

<div class="big_button" ng-click="_outerFunction($event)" title="foo">
    <div class="section">
        <a ng-href="" ng-click="_innerFunction1($event);" title="foo1"></a>
         <div class="hover_Button">
              <a ng-href="" ng-click="_innerFunction2($event);"> <i class="small-button" title="foo2"></i></a>
         </div>
    </div>
</div>

我猜测为什么将enter事件传递给基础ng-click而不仅仅是由活动元素使用。