微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何观看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)">

原文地址:https://www.jb51.cc/angularjs/140408.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐