Angularjs的鍵盤事件的綁定，angularjs鍵盤綁定

Angularjs的鍵盤事件的綁定，angularjs鍵盤綁定

Angularjs的鍵盤事件的綁定

推薦button

方法一：ng內建指令

<button ng-click="login()" ng-keypress="todoSomething($event)" class="btn btn-success btn-lg" ng-disabled="loginForm.$invalid"> 登入</button>

說明：在對應的控制器中的$scope上綁定一個todoSomething方法

 $scope.todoSomething=function($event){   if($event.keyCode==13){//斷行符號     login();   } }

方法二：自訂指令

html<button ng-click="login()" ng-enter="login()" class="btn btn-success btn-lg" ng-disabled="loginForm.$invalid"> 登入</button>

指令

myApp.directive('ngEnter', function () {   return function (scope, element, attrs) {     element.bind("keydown keypress", function (event) {       if (event.which === 13) {         scope.$apply(function () {           scope.$eval(attrs.ngEnter);         });         event.preventDefault();       }     });   }; });

總結：兩種方法都能實現敲斷行符號登入的功能，不過推薦指令的方式，對$scope的汙染比較低

關於AngularJS指令事件可以參考：http://www.bkjia.com/article/119742.htm

感謝閱讀，希望能協助到大家，謝謝大家對本站的支援！