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

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

# Angularjs的键盘事件的绑定  # Angular  # 事件绑定  # Angularjs的$http异步删除数据详解及实例  # Angularjs 事件指令详细整理  # angular中实现li或者某个元素点击变色的两种方法  # AngularJS点击添加样式、点击变色设置的实例代码  # Angular通过angular-cli来搭建web前端项目的方法  # Angular中自定义Debounce Click指令防止重复点击  # 详解angularjs获取元素以及angular.element()用法  # Angular指令之restict匹配模式的详解  # 绑定  # 都能  # 两种  # 希望能  # 自定义  # 较低  # 谢谢大家  # 器中  # success  # lg  # btn  # todoSomething  # event  # strong  # gt  # lt  # invalid  # disabled  # loginForm  # pre 

相关文章： C++如何将C风格字符串（char*）转换为std::string？（代码示例）  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸？  官网网站制作腾讯审核要多久,联想路由器newifi官网  小建面朝正北，A点实际方位是否存在偏差？  建站之星各版本价格是多少？  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系？  宝华建站服务条款解析：五站合一功能与SEO优化设置指南  如何选择高性价比服务器搭建个人网站？  电影网站制作价格表,那些提供免费电影的网站，他们是怎么盈利的？  无锡制作网站公司有哪些,无锡优八网络科技有限公司介绍？  如何使用Golang table-driven基准测试_多组数据测量函数效率  建站之星安装失败：服务器环境不兼容？  已有域名和空间如何快速搭建网站？  如何选择高效响应式自助建站源码系统？  建站主机是否属于云主机类型？  如何破解联通资金短缺导致的基站建设难题？  Java解压缩zip - 解压缩多个文件或文件夹实例  如何制作算命网站,怎么注册算命网站？  C#如何序列化对象为XML XmlSerializer用法  制作网站的基本流程,设计网站的软件是什么？  小说建站VPS选用指南：性能对比、配置优化与建站方案解析  网站制作网站,深圳做网站哪家比较好？  建站上传速度慢？如何优化加速网站加载效率？  可靠的网站设计制作软件,做网站设计需要什么样的电脑配置？  Swift中switch语句区间和元组模式匹配  建站之星备案流程有哪些注意事项？  移民网站制作流程,怎么看加拿大移民官网？  图册素材网站设计制作软件,图册的导出方式有几种？  建站VPS选购需注意哪些关键参数？  如何在自有机房高效搭建专业网站？  C++中引用和指针有什么区别？（代码说明）  建站之星IIS配置教程：代码生成技巧与站点搭建指南  建站之星CMS五站合一模板配置与SEO优化指南  建站主机类型有哪些？如何正确选型  安徽网站建设与外贸建站服务专业定制方案  如何快速搭建高效可靠的建站解决方案？  如何选择CMS系统实现快速建站与SEO优化？  网站视频怎么制作,哪个网站可以免费收看好莱坞经典大片？  宝塔面板如何快速创建新站点？  如何在云虚拟主机上快速搭建个人网站？  如何在万网自助建站中设置域名及备案？  成都网站制作公司哪家好,四川省职工服务网是做什么用？  网站建设制作需要多少钱费用,自己做一个网站要多少钱，模板一般多少钱？  盘锦网站制作公司,盘锦大洼有多少5G网站？  如何基于PHP生成高效IDC网络公司建站源码？  定制建站价位费用解析与套餐推荐全攻略  python的本地网站制作,如何创建本地站点？  如何用虚拟主机快速搭建网站？详细步骤解析  建站之星Pro快速搭建教程：模板选择与功能配置指南  网站制作与设计教程,如何制作一个企业网站，建设网站的基本步骤有哪些？