AngularJs 相应回车事件
生活随笔
收集整理的這篇文章主要介紹了
AngularJs 相应回车事件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
最近做項目，要用到AngularJs，之前也有用過一點點，但僅限于數據的綁定，這次項目要整個前端需要使用這個框架，可能是不熟悉的原因，感覺這代碼搞起來非常的不便利，；現總結一個響應回車事件：
<!doctype html> <html> <head> <meta charset="utf-8"> <title>test</title><script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script> <script> var myApp = angular.module("myApp", []);myApp.controller("testCtrl", function($scope){$scope.myClass = 'red';$scope.isClick = 'No!';$scope.myKeyup = function(e){var keycode = window.event?e.keyCode:e.which;if(keycode==13){$scope.myClass = 'green';$scope.myClick();}};$scope.myClick = function(){$scope.isClick = 'Yes!';};}); </script> <style> .red {color:red} .green {color:green} </style> </head><body> <div ng-app="myApp"><div ng-controller="testCtrl"><input ng-keyup="myKeyup($event)" type="text" /><ul><li ng-click="myClick()" class="{{myClass}}">{{isClick}}</li></ul></div> </div> </body> </html>
轉載于:https://www.cnblogs.com/wwlhome/p/4898987.html
總結
以上是生活随笔為你收集整理的AngularJs 相应回车事件的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Apache Tomcat目录下各个文件
- 下一篇： uvalive 4973 Ardenia