javascript - Angular-UI Shift 按钮按键

标签 javascript angularjs angularjs-directive angular-ui

我已经设法让输入按键正常工作。但我似乎无法让“shift”按钮按键起作用。这是我的输入代码:

<button 
    class="btn btn-primary order-input-add" 
    ui-keypress="{13:'add_plu(order.orderwindow.add_field)'}" 
    ng-click="add_plu(order.orderwindow.add_field)">Add
</button>

最佳答案

由于您似乎无法使用 ui.keydown 本身捕获 Shift 键按下(如果是这样,可能是因为它最常用作修饰键),因此您可以创建自己的指令来装饰元素监听 keydown 事件上的 Shift:

angular.module('myApp', [])
.directive('captureShift', function(){
  return {
    restrict: 'A',
    link: function(scope, elem, attrs) {
      elem[0].onkeydown = function(){
        console.log('shift pressed');
      }
    }
  }
});

Shift 似乎不会在按键时触发,但会在按键按下时触发,因此使用 onkeydown

Plunker Demo

关于javascript - Angular-UI Shift 按钮按键,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23573165/

相关文章:

javascript - 如何替换使用 ng-repeat 显示的数组中的对象?

javascript - Angular 指令不能作用于 ng-model

javascript - 如何使用 D3 在 Angular 中使用 'this'?

javascript - 我可以用 React Native 组件做轮播吗?

javascript - NativeScript Android Build 抛出错误 : Command gradlew. bat 失败,退出代码 1

angularjs - 如何检测第一个 "/"路由调用?

javascript - AngularJS - 双大括号导致语法错误

javascript - AngularJS - 在父 View 中单击 'save' 按钮时验证指令中的表单

javascript - 如何将过滤后的参数发送到指令

javascript - url 上的 AJAX 返回文件或 JSON 响应?