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

发布时间：2020-12-17 09:53:02 所属栏目：安全来源：网络整理

导读：我试图让我的控制器观看键的组合.为了争论的缘故,让我们说：向上下左下左右右b a.无论用户目前在哪个页面中,怎么能有角度去寻找这些？看来你可以使用 ng-keydown这样做. 这是working plunker. 对于这个例子,我刚刚将ng-keydown绑定到 body.全面掌握所有的键

我试图让我的控制器观看键的组合.为了争论的缘故,让我们说：向上下左下左右右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)">

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!