AngularJS-ng-keypress不适用于enter事件

雷克什·伯伯

在我的项目中,ng-keypress并非在所有地方都适用于``Enter Key'',在某些地方它可以正常工作,但在其他地方,它适用于除``Enter Key''之外的所有键。

在这里,我在ng-keypress上调用test()方法。

<div class="actions">
    <div class="ui approve button red" data-ng-click="test()" id="confirm-yes" tabindex="8" ng-keypress="test()">Yes</div>
    <div class="ui cancel button" data-ng-click="test()" id="confirm-no" tabindex="7" ng-keypress="test()">Cancel</div>
</div>

从测试方法来看,我只是显示关键代码。对于Enter键以外的所有其他按键,我可以正确看到按键代码。

$scope.test = function () { 
            alert('test called'+event.keyCode);
        }

我已经阅读了很多StackOverflow文章,并且确定它的语法正确,但是对于它的奇怪行为我完全感到困惑。

知道为什么ng-keypress不能用于输入,而可以用于所有其他键。

雷克什·伯伯

最后,我不得不用<div>标签替换<button>标签以解决此问题。Button tag完美地解决了这个问题。

<div class="actions">
    <button class="ui approve button red" data-ng-click="test()" id="confirm-yes" tabindex="8" ng-keypress="test()">Yes</button>
    <button class="ui cancel button" data-ng-click="test()" id="confirm-no" tabindex="7" ng-keypress="test()">Cancel</button>
</div> 

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章