這篇文章主要介紹了Angularjs如何實現(xiàn)鍵盤事件的綁定,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
方法一:ng內(nèi)置指令
說明:在對應的控制器中的$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(); } }); }; });
總結:兩種方法都能實現(xiàn)敲回車登錄的功能,不過推薦指令的方式,對$scope的污染比較低
感謝你能夠認真閱讀完這篇文章,希望小編分享的“Angularjs如何實現(xiàn)鍵盤事件的綁定”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)建站,關注創(chuàng)新互聯(lián)網(wǎng)站建設公司行業(yè)資訊頻道,更多相關知識等著你來學習!
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com,海內(nèi)外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。