<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">

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

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

<p>該實(shí)例在輸入框每次按下按鍵時(shí)，計(jì)算變量 "count" 會(huì)自動(dòng)加 1。</p>

</body>
</html>

定義和用法

ng-keydown 指令用于告訴 AngularJS 在指定 HTML 元素上按下按鍵時(shí)需要的操作。

ng-keydown 指令不會(huì)覆蓋元素的原生 onkeydown 事件, 事件觸發(fā)時(shí)，ng-keydown 表達(dá)式與原生的 onkeydown 事件將都會(huì)執(zhí)行。

按鍵敲擊的事件順序:

1.Keydown

2.Keypress

3.Keyup

語法

<input>, <select>, <textarea>, 和其他可編輯元素支持該指令。

參數(shù)值

值	描述
expression	按下按鍵執(zhí)行的表達(dá)式。

您可能感興趣的文章:

相關(guān)文章

Angularjs 制作購物車功能實(shí)例代碼
這篇文章主要介紹了Angularjs 制作購物車功能實(shí)例代碼的相關(guān)資料,并附示例代碼，需要的朋友可以參考下
2016-09-09
Angular+ionic實(shí)現(xiàn)折疊展開效果的示例代碼
這篇文章主要介紹了Angular+ionic實(shí)現(xiàn)折疊展開效果，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2020-07-07
Angular4中的checkbox?全選按鈕啟用禁用
這篇文章主要介紹了Angular4中的checkbox?全選按鈕啟用禁用的相關(guān)資料,需要的朋友可以參考下
2023-03-03
Angular?ViewChild組件間通信demo
這篇文章主要為大家介紹了Angular?ViewChild組件間通信demo，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-12-12
angular1.x ui-route傳參的三種寫法小結(jié)
今天小編就為大家分享一篇angular1.x ui-route傳參的三種寫法小結(jié)，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
詳解angularjs 關(guān)于ui-router分層使用
本篇文章主要介紹了詳解angularjs 關(guān)于ui-router分層使用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
Angularjs在360兼容模式下取數(shù)據(jù)緩存問題的解決辦法
這篇文章主要為大家詳細(xì)介紹了Angularjs在360兼容模式下取數(shù)據(jù)緩存問題的解決辦法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
AngularJS輔助庫browserTrigger用法示例
這篇文章主要介紹了AngularJS輔助庫browserTrigger用法,結(jié)合實(shí)例形式分析了輔助庫browserTrigger的功能及單元測試中的使用技巧,需要的朋友可以參考下
2016-11-11
詳解如何為你的angular app構(gòu)建一個(gè)第三方庫
這篇文章主要介紹了詳解如何為你的angular app構(gòu)建一個(gè)第三方庫，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-12-12
Angular的$http與$location
這篇文章主要為大家詳細(xì)介紹了Angular的$http與$location，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12