首页 > 编程 > JavaScript > 正文

Angularjs的键盘事件的绑定

2019-11-19 15:58:09
字体:
来源:转载
供稿:网友

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指令事件可以参考://www.VeVB.COm/article/119742.htm

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表