将.keydown绑定到不同的AngularJS视图的首选方法

时间:2015-10-15 14:23:44

标签: jquery angularjs

标题几乎说明了一切。有没有人知道将.keydown绑定到不同的AngularJS视图的首选方法?

从长远来看,哪种方式可以帮助我提高应用的效果?哪种方式是标准?

1 个答案:

答案 0 :(得分:0)

您可以创建一个指令并将其附加到您的body元素。从技术上讲,你可以使用这样的代码将它附加到任何地方,但如果你想让它在你的身体上任何地方注册一个keydown,那么为了便于阅读,最好在那里做。

angular.directive("pressKeyDown", function(){
    return {
       restrict: "A",
       link: function(scope, element, attrs){
              var doc = angular.element(document.body);
              doc.on("keydown", function(e){
                   console.log("This is the event", e);
              }
       }
   }
});

HTML。

<body press-key-down>
    //html here
</body>