AngularJS基础 ng-keydown 指令简单示例

网络编程 2024/11/15 佚名

3 2 1

AngularJS ng-keydown 指令

AngularJS 实例

按下按键时执行的代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="/UploadFiles/2021-04-02/angular.min.js">

定义和用法


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


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


按键敲击的事件顺序:


1.Keydown


2.Keypress


3.Keyup


语法


<element ng-keydown="expression"></element>


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


参数值
 

  
    
      值
      描述
    
    
      expression
      按下按键执行的表达式。