AngularJS ng-blur 指令詳解及簡單實例

更新時間：2016年07月30日 15:32:43 投稿：lqh

本文主要介紹AngularJS ng-blur 指令，這里對ng-blur 指令的知識詳細(xì)介紹給大家，并給大家一個實例作為參考，有需要的小伙伴可以參考下

AngularJS ng-blur 指令

AngularJS 實例

當(dāng)輸入框失去焦點(onblur)時執(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>實例中 "count" 變量記錄了失去焦點的次數(shù)。</p>

</body>
</html>

運行結(jié)果：

實例中 "count" 變量記錄了失去焦點的次數(shù)。

定義和用法

ng-blur 指令用于告訴 AngularJS HTML 元素在失去焦點時需要執(zhí)行的表達(dá)式。
AngularJS 中的 ng-blur 指令不會覆蓋原生的 onblur 事件，如果觸發(fā)該事件，ng-blur 表達(dá)式與原生的 onblur 事件都會執(zhí)行。

語法

<a>, <input>, <select>, <textarea>,窗口對象支持。

參數(shù)值

值	描述
expression	失去焦點時執(zhí)行的表達(dá)式。

以上就是對AngularJS ng-blur 指令知識的簡單講解，后續(xù)繼續(xù)補充，謝謝支持！

您可能感興趣的文章:

相關(guān)文章

Angularjs實現(xiàn)多個頁面共享數(shù)據(jù)的方式
本文給大家介紹使用Angularjs實現(xiàn)多個頁面共享數(shù)據(jù)的方式，通過定義一個共享服務(wù)service來實現(xiàn)此功能，對angularjs共享數(shù)據(jù)相關(guān)知識感興趣的朋友一起學(xué)習(xí)
2016-03-03
基于AngularJS+HTML+Groovy實現(xiàn)登錄功能
AngularJS是一款客戶端MVC的javascript框架，而客戶端MVC代表未來架構(gòu)(為什么要使用MVC+REST+CQRS架構(gòu))，如果你有Struts或SpringMVC等后端MVC框架編程經(jīng)驗，學(xué)習(xí)Angular會很快，基本是按照同一個MVC思路實現(xiàn)的，本文給大家介紹AngularJS+HTML+Groovy實現(xiàn)登錄功能
2016-02-02
Angularjs使用指令做表單校驗的方法
本篇文章主要介紹了Angularjs使用指令做表單校驗的方法，詳細(xì)的介紹了用指令做校驗的方法，具有一定的參考價值，有興趣的可以了解一下。
2017-03-03
angular實現(xiàn)導(dǎo)航菜單切換
這篇文章主要為大家詳細(xì)介紹了angular實現(xiàn)導(dǎo)航菜單切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-03-03
AngularJS基礎(chǔ) ng-csp 指令詳解
本文主要介紹AngularJS ng-csp 指令,這里對ng-csp 的基礎(chǔ)資料的整理,并附代碼實例和實現(xiàn)效果圖,有需要的小伙伴參考下
2016-08-08
AngularJS HTML DOM詳解及示例代碼
本文主要介紹AngularJS HTML DOM基礎(chǔ)知識，這里整理了相關(guān)資料和示例代碼進(jìn)行詳解，有需要的小伙伴可以參考下
2016-08-08
使用Angular緩存父頁面數(shù)據(jù)的方法
這篇文章主要介紹了使用Angular緩存父頁面數(shù)據(jù)的方法,需要的朋友可以參考下
2017-01-01
Angularjs中使用layDate日期控件示例
本篇文章主要介紹了Angularjs中使用layDate日期控件，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-01-01
Angular基于Constructor?Parameter的依賴注入方式詳解
這篇文章主要為大家介紹了Angular基于Constructor?Parameter的依賴注入方式詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-11-11
Angular-UI Bootstrap組件實現(xiàn)警報功能
這篇文章主要介紹了Angular-UI Bootstrap組件實現(xiàn)警報功能,對Angular.js services的學(xué)習(xí)有所幫助，需要的朋友可以參考下
2018-07-07