键盘事件

最新推荐文章于 2023-04-24 14:09:01 发布

Leo·five

最新推荐文章于 2023-04-24 14:09:01 发布

阅读量176

点赞数

分类专栏： angular 文章标签： angular

本文链接：https://blog.csdn.net/elijip/article/details/79042303

版权

angular 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

前端开发中为提高用户的体验会设置键盘事件

第一：指令介绍

ng-keyup 指令用于告诉 AngularJS 在指定 HTML 元素上按键松开时需要的操作。

ng-keyup 指令不会覆盖元素的原生 onkeyup 事件, 事件触发时，ng-keyup 表达式与原生的 onkeyup 事件将都会执行。

按键敲击的事件顺序:

Keydown
Keypress
Keyup

<input ng-keyup="count = count + 1" ng-init="count=0" />

<h1>{{count}}</h1>

<input>, <select>, <textarea>, 和其他《可编辑元素》支持该指令。

第二：angularJS项目中的案例

 
  < 
  p 
   class= 
  "item20" 
   id= 
  "ns" 
  >真实姓名： 
 
 
  < 
  input 
  type= 
  "text" 
  ng-keypress= 
  "myKeyup($event)" 
  maxlength= 
  "20" 
  ng-model= 
  "queryVo.realName" 
  ng-keyup= 
  "show()" 
 
 
   
  placeholder= 
  "个人真实姓名" 
  > 
 
 
  </ 
  p 
  > 
 

 
  $scope. 
  myKeyup = 
  function ( 
  e) { 
 
  var 
  keycode = 
  window.event ? 
  e.keyCode : 
  e.which; 
 
  if ( 
  keycode == 
  13) { 
 
  $scope. 
  open(); 
 
   } 
 
   }; 
 
  $scope. 
  open = 
  function () { 
 
   };