键盘回车添加数据

最新推荐文章于 2024-07-22 09:52:01 发布

转载最新推荐文章于 2024-07-22 09:52:01 发布 · 489 阅读

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <title></title>
       <script type="text/javascript" src="js/angular.min.js" ></script>
       <style>
           *{
               margin: 0px auto;
               padding: 0px;
           }
           .div1{
               width: 300px;
           }
       </style>
   </head>

   <body ng-app="myapp" ng-controller="cre">

       <div class="div1">
           
           <input type="text" ng-model="name" ng-keydown="mykey($event)"/>
               <li ng-repeat="good in goods">{{good}}</li>
           </ul>
       </div>

   </body>
   <script>
       //注入
       var mo=angular.module("myapp",[]);
       //创建控制器
       mo.controller("cre",function($scope){
           //定义数组
           $scope.goods=[];
           //按键按下监听方法
           $scope.mykey=function(e){
               var arr=[];
               //获取按键的编码
               var key1=e.keyCode;
               //判断是否是按下的键
               if(key1==13){
                   //获取输入框里的值
                   var n=$scope.name;
                   //循环
                   for (var i = 0; i < $scope.goods.length; i++) {
                       //取出数组你的每个值
                       var n1=$scope.goods[i]
                       //判断当前输入框是否与数组里的数据是否重复
                       if(n==n1){
                           alert("已存在");
                           //把重复的删除掉
                           $scope.goods.splice(i,1);
                       }
                   }
                   //每次添加数据到数组里的第一行
                   $scope.goods.unshift(n);
               }
           }




       })
   </script>

</html>