如何观看Angularjs中的按键组合?

前端之家收集整理的这篇文章主要介绍了如何观看Angularjs中的按键组合?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图让我的控制器观看键的组合.为了争论的缘故,让我们说:向上下左下左右右b a.无论用户目前在哪个页面中,怎么能有角度去寻找这些?
看来你可以使用 ng-keydown这样做.

这是working plunker.

对于这个例子,我刚刚将ng-keydown绑定到< body>.全面掌握所有的键盘事件,效果非常好.

正如@charlietfl指出的那样,ng-keydown注册了大量的键盘事件,使得这个可用的功能将会很多.例如,如果您尝试收听组合(如ctrl r),则ctrl键将会注册多次.

JS:

var myApp = angular.module('myApp',[]);

myApp.controller('Ctrl',function($scope) {


    $scope.keyBuffer = [];

    function arrays_equal(a,b) { return !(a<b || b<a); }

    $scope.down = function(e) {

      $scope.keyBuffer.push(e.keyCode);

      var upUp = [38,38,40,37,39,66,65];
      if (arrays_equal(upUp,$scope.keyBuffer)) {

        alert('thats it!');
      }
    };

  });

HTML:

<body ng-controller="Ctrl" ng-keydown="down($event)">

猜你在找的Angularjs相关文章