AngularJS基礎(chǔ) ng-keyup 指令簡(jiǎn)單示例
更新時(shí)間：2016年08月02日 09:51:30 投稿：lqh
本文主要介紹AngularJS ng-keyup 指令,這里對(duì)ng-keyup指令的基本資料進(jìn)行了整理,并且附有代碼示例,有需要的朋友可以看一下
AngularJS ng-keyup 指令
AngularJS 實(shí)例
按鍵松開時(shí)執(zhí)行的代碼:
<!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>該實(shí)例在輸入框每次按鍵松開時(shí)，計(jì)算變量 "count" 會(huì)自動(dòng)加 1。</p>
</body>
</html>
定義和用法
ng-keyup 指令用于告訴 AngularJS 在指定 HTML 元素上按鍵松開時(shí)需要的操作。
ng-keyup 指令不會(huì)覆蓋元素的原生 onkeyup 事件, 事件觸發(fā)時(shí)，ng-keyup 表達(dá)式與原生的 onkeyup 事件將都會(huì)執(zhí)行。
按鍵敲擊的事件順序:
1.Keydown
2.Keypress
3.Keyup
語(yǔ)法
<element ng-keyup="expression"></element>
<input>, <select>, <textarea>, 和其他可編輯元素支持該指令。
參數(shù)值
| 值 | 描述 |
|---|---|
| expression | 按鍵松開執(zhí)行的表達(dá)式。 |
以上就是對(duì)AngularJS ng-keyup 指令的資料整理，后續(xù)繼續(xù)補(bǔ)充！
相關(guān)文章
這篇文章主要介紹了AngularJS路由用法,簡(jiǎn)單分析了AngularJS路由的概念、功能及基本使用方法,需要的朋友可以參考下2017-05-05
AngularJS入門教程之AngularJS表達(dá)式
AngularJS應(yīng)用表達(dá)式是純javascript表達(dá)式，并輸出它們被使用的數(shù)據(jù)在那里。本文給大家介紹AngularJS入門教程之AngularJS表達(dá)式，對(duì)angularjs表達(dá)式相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-04-04
這篇文章主要介紹了angularjs中的e2e測(cè)試實(shí)例,本文使用Protractor來(lái)完成e2e測(cè)試,需要的朋友可以參考下2014-12-12
Angularjs實(shí)現(xiàn)頁(yè)面模板清除的方法
這篇文章主要介紹了Angularjs實(shí)現(xiàn)頁(yè)面模板清除的方法,需要的朋友可以參考下2018-07-07
詳解Angular Forms中自定義ngModel綁定值的方式
在Angular應(yīng)用中有兩種方式來(lái)實(shí)現(xiàn)表單綁定，但是對(duì)于一些特殊的表單控件沒法實(shí)現(xiàn)，這篇文章主要介紹了詳解Angular Forms中自定義ngModel綁定值的方式，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-12-12
Angular使用動(dòng)態(tài)加載組件方法實(shí)現(xiàn)Dialog的示例
這篇文章主要介紹了Angular使用動(dòng)態(tài)加載組件方法實(shí)現(xiàn)Dialog的示例,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-05-05
AngularJs Understanding the Controller Component
本文主要介紹AngularJs Understanding the Controller Component的內(nèi)容,這里整理了相關(guān)資料，及簡(jiǎn)單示例代碼，有興趣的小伙伴可以參考下2016-09-09
這篇文章主要介紹了AngularJS路由Ui-router模塊用法,結(jié)合實(shí)例形式分析了Ui-router模塊的功能、使用方法及相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-05-05
AngularJS使用ocLazyLoad實(shí)現(xiàn)js延遲加載
這篇文章主要介紹了AngularJS使用ocLazyLoad實(shí)現(xiàn)js延遲加載的相關(guān)資料,需要的朋友可以參考下2017-07-07
本篇文章主要介紹了詳解angular中的作用域及繼承，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05