源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Angularjs的键盘事件的绑定

  • 时间:2022-04-03 11:55 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Angularjs的键盘事件的绑定
[b]Angularjs的键盘事件的绑定[/b] 推荐button [b]方法一:ng内置指令[/b]
<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();
   }
 }
[b]方法二:自定义指令[/b]
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();
       }
     });
   };
 });
[b]总结:两种方法都能实现敲回车登录的功能,不过推荐指令的方式,对$scope的污染比较低[/b] 关于AngularJS指令事件可以参考:[url=http://www.1sucai.cn/article/119742.htm]http://www.1sucai.cn/article/119742.htm[/url] 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部