AngularJs单选按钮捕获ng-click内部的键代码

时间:2019-11-06 06:29:32

标签: javascript angularjs

我有一个无线电输入,并在其中输入了ng-click函数。对于ADA,当用户浏览单选按钮时,将在向上和向下箭头按键上选择它,并触发ng-click功能。

但是,在这种情况下,我没有得到任何keyCode和event.event,它们始终为“ 1”,而event.type为“ click”。

有什么方法可以区分控制器功能中的鼠标单击和按键。

.html文件

<input tabindex="0" 
       type="radio" 
       name="radio-btn{{index_value}}" 
       id="amountValue-{{index_value}}" 
       ng-click="getSelectedValue($event, amount.selectedValue)" 
       value="Pay Amount" 
       ng-model="amount.selectedValue">

controller.js

scope.getSelectedValue= function (event, selectedValue) {
    console.log("event", event);
};

我尝试添加一个指令并将其绑定“ key-down keypress”事件。在指令内部,我获得了正确的键代码,但是不知道如何将键代码传递给控制器​​功能。

1 个答案:

答案 0 :(得分:0)

检查event。哪些值。它将为您提供按钮代码值(例如ENTER按钮为13)。

scope.getSelectedValue= function (event, selectedValue) {
   var e = e || window.event;
    var button = (typeof e.which != "undefined") ? e.which : e.button;
   console.log("button value is ->"+button);
};