<!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-keyup="count = count + 1" ng-init="count=0" />

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

<p>該實例在輸入框每次按鍵松開時，計算變量 "count" 會自動加 1。</p>

</body>
</html>

定義和用法

ng-keyup 指令用于告訴 AngularJS 在指定 HTML 元素上按鍵松開時需要的操作。

ng-keyup 指令不會覆蓋元素的原生 onkeyup 事件, 事件觸發(fā)時，ng-keyup 表達式與原生的 onkeyup 事件將都會執(zhí)行。

按鍵敲擊的事件順序:

1.Keydown

2.Keypress

3.Keyup

語法

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

參數(shù)值

值	描述
expression	按鍵松開執(zhí)行的表達式。

以上就是對AngularJS ng-keyup 指令的資料整理，后續(xù)繼續(xù)補充！

您可能感興趣的文章:

AngularJS對動態(tài)增加的DOM實現(xiàn)ng-keyup事件示例

相關(guān)文章

AngularJS入門教程一：路由用法初探
這篇文章主要介紹了AngularJS路由用法,簡單分析了AngularJS路由的概念、功能及基本使用方法,需要的朋友可以參考下
2017-05-05
AngularJS入門教程之AngularJS表達式
AngularJS應(yīng)用表達式是純javascript表達式，并輸出它們被使用的數(shù)據(jù)在那里。本文給大家介紹AngularJS入門教程之AngularJS表達式，對angularjs表達式相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧
2016-04-04
angularjs中的e2e測試實例
這篇文章主要介紹了angularjs中的e2e測試實例,本文使用Protractor來完成e2e測試,需要的朋友可以參考下
2014-12-12
Angularjs實現(xiàn)頁面模板清除的方法
這篇文章主要介紹了Angularjs實現(xiàn)頁面模板清除的方法,需要的朋友可以參考下
2018-07-07
詳解Angular Forms中自定義ngModel綁定值的方式
在Angular應(yīng)用中有兩種方式來實現(xiàn)表單綁定，但是對于一些特殊的表單控件沒法實現(xiàn)，這篇文章主要介紹了詳解Angular Forms中自定義ngModel綁定值的方式，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-12-12
Angular使用動態(tài)加載組件方法實現(xiàn)Dialog的示例
這篇文章主要介紹了Angular使用動態(tài)加載組件方法實現(xiàn)Dialog的示例,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-05-05
AngularJs Understanding the Controller Component
本文主要介紹AngularJs Understanding the Controller Component的內(nèi)容,這里整理了相關(guān)資料，及簡單示例代碼，有興趣的小伙伴可以參考下
2016-09-09
AngularJS路由Ui-router模塊用法示例
這篇文章主要介紹了AngularJS路由Ui-router模塊用法,結(jié)合實例形式分析了Ui-router模塊的功能、使用方法及相關(guān)注意事項,需要的朋友可以參考下
2017-05-05
AngularJS使用ocLazyLoad實現(xiàn)js延遲加載
這篇文章主要介紹了AngularJS使用ocLazyLoad實現(xiàn)js延遲加載的相關(guān)資料,需要的朋友可以參考下
2017-07-07
詳解angular中的作用域及繼承
本篇文章主要介紹了詳解angular中的作用域及繼承，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-05-05