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