千家信息网

Angularjs如何实现键盘事件的绑定

发表于:2025-01-16 作者:千家信息网编辑
千家信息网最后更新 2025年01月16日,这篇文章主要介绍了Angularjs如何实现键盘事件的绑定,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。方法一:ng内置指令 登录说明
千家信息网最后更新 2025年01月16日Angularjs如何实现键盘事件的绑定

这篇文章主要介绍了Angularjs如何实现键盘事件的绑定,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

方法一:ng内置指令

说明:在对应的控制器中的$scope上绑定一个todoSomething方法

 $scope.todoSomething=function($event){   if($event.keyCode==13){//回车     login();   } }

方法二:自定义指令

html

指令

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如何实现键盘事件的绑定"这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

0