AngularJS ng-blur 指令詳解及簡(jiǎn)單實(shí)例
更新時(shí)間：2016年07月30日 15:32:43 投稿：lqh
本文主要介紹AngularJS ng-blur 指令，這里對(duì)ng-blur 指令的知識(shí)詳細(xì)介紹給大家，并給大家一個(gè)實(shí)例作為參考，有需要的小伙伴可以參考下
AngularJS ng-blur 指令
AngularJS 實(shí)例
當(dāng)輸入框失去焦點(diǎn)(onblur)時(shí)執(zhí)行表達(dá)式:
<!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-blur="count = count + 1" ng-init="count=0" />
{{count}}
<p>實(shí)例中 "count" 變量記錄了失去焦點(diǎn)的次數(shù)。</p>
</body>
</html>
運(yùn)行結(jié)果：
0
實(shí)例中 "count" 變量記錄了失去焦點(diǎn)的次數(shù)。
定義和用法
ng-blur 指令用于告訴 AngularJS HTML 元素在失去焦點(diǎn)時(shí)需要執(zhí)行的表達(dá)式。
AngularJS 中的 ng-blur 指令不會(huì)覆蓋原生的 onblur 事件， 如果觸發(fā)該事件，ng-blur 表達(dá)式與原生的 onblur 事件都會(huì)執(zhí)行。
語(yǔ)法
<element ng-blur="expression"></element>
<a>, <input>, <select>, <textarea>,窗口對(duì)象支持。
參數(shù)值
| 值 | 描述 |
|---|---|
| expression | 失去焦點(diǎn)時(shí)執(zhí)行的表達(dá)式。 |
以上就是對(duì)AngularJS ng-blur 指令知識(shí)的簡(jiǎn)單講解，后續(xù)繼續(xù)補(bǔ)充，謝謝支持！
您可能感興趣的文章:
- 老生常談onBlur事件與onfocus事件(js)
- jsp+ajax實(shí)現(xiàn)的局部刷新較驗(yàn)驗(yàn)證碼(onblur事件觸發(fā)較驗(yàn))
- javascript委托(Delegate)blur和focus用法實(shí)例分析
- Js中的onblur和onfocus事件應(yīng)用介紹
- AngularJS Controller作用域
- JS 實(shí)現(xiàn)計(jì)算器詳解及實(shí)例代碼（一）
- JSP頁(yè)面跳轉(zhuǎn)方法小結(jié)
- 詳解js中==與===的區(qū)別
- js時(shí)間控件只顯示年月
- java后端把數(shù)據(jù)轉(zhuǎn)換為樹,map遞歸生成json樹,返回給前端(后臺(tái)轉(zhuǎn)換)
- 完美解決node.js中使用https請(qǐng)求報(bào)CERT_UNTRUSTED的問題
- JS實(shí)現(xiàn)iframe自適應(yīng)高度的方法示例
- Javascript blur與click沖突解決辦法
- jsp頁(yè)面顯示數(shù)據(jù)庫(kù)的數(shù)據(jù)信息表
相關(guān)文章
Angularjs實(shí)現(xiàn)多個(gè)頁(yè)面共享數(shù)據(jù)的方式
本文給大家介紹使用Angularjs實(shí)現(xiàn)多個(gè)頁(yè)面共享數(shù)據(jù)的方式，通過(guò)定義一個(gè)共享服務(wù)service來(lái)實(shí)現(xiàn)此功能，對(duì)angularjs共享數(shù)據(jù)相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)2016-03-03
基于AngularJS+HTML+Groovy實(shí)現(xiàn)登錄功能
AngularJS是一款客戶端MVC的javascript框架，而客戶端MVC代表未來(lái)架構(gòu)(為什么要使用MVC+REST+CQRS架構(gòu))，如果你有Struts或SpringMVC等后端MVC框架編程經(jīng)驗(yàn)，學(xué)習(xí)Angular會(huì)很快，基本是按照同一個(gè)MVC思路實(shí)現(xiàn)的，本文給大家介紹AngularJS+HTML+Groovy實(shí)現(xiàn)登錄功能2016-02-02
本篇文章主要介紹了Angularjs使用指令做表單校驗(yàn)的方法，詳細(xì)的介紹了用指令做校驗(yàn)的方法，具有一定的參考價(jià)值，有興趣的可以了解一下。2017-03-03
angular實(shí)現(xiàn)導(dǎo)航菜單切換
這篇文章主要為大家詳細(xì)介紹了angular實(shí)現(xiàn)導(dǎo)航菜單切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
本文主要介紹AngularJS ng-csp 指令,這里對(duì)ng-csp 的基礎(chǔ)資料的整理,并附代碼實(shí)例和實(shí)現(xiàn)效果圖,有需要的小伙伴參考下2016-08-08
本文主要介紹AngularJS HTML DOM基礎(chǔ)知識(shí)，這里整理了相關(guān)資料和示例代碼進(jìn)行詳解，有需要的小伙伴可以參考下2016-08-08
使用Angular緩存父頁(yè)面數(shù)據(jù)的方法
這篇文章主要介紹了使用Angular緩存父頁(yè)面數(shù)據(jù)的方法,需要的朋友可以參考下2017-01-01
本篇文章主要介紹了Angularjs中使用layDate日期控件，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01
Angular基于Constructor?Parameter的依賴注入方式詳解
這篇文章主要為大家介紹了Angular基于Constructor?Parameter的依賴注入方式詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11
Angular-UI Bootstrap組件實(shí)現(xiàn)警報(bào)功能
這篇文章主要介紹了Angular-UI Bootstrap組件實(shí)現(xiàn)警報(bào)功能,對(duì)Angular.js services的學(xué)習(xí)有所幫助，需要的朋友可以參考下2018-07-07