angularjs的ng-keyup事件之回車事件

本文轉載自查看原文 2016-06-06 15:53 17200

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>

<script src="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>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 angularjs中響應回車事件 angularjs為ng-click事件傳遞參數 vue 監聽鍵盤回車事件 @keyup.enter與@keyup.enter.native vue 監聽鍵盤回車事件 @keyup.enter || @keyup.enter.native vue 監聽鍵盤回車事件 @keyup.enter || @keyup.enter.native vue 監聽鍵盤回車事件 @keyup.enter || @keyup.enter.native AngularJs ng-change事件/指令(轉) 關於jQuery的keyup()事件的使用 div觸發keyUp事件 Extjs textfield keyup事件