AngularJS ng-blur 指令

定義と使用方法

ng-blur ディレクティブは、HTML要素がフォーカスを失ったときに AngularJS が実行する操作を指示します。

AngularJSの ng-blur ディレクティブは、要素の元の onblur イベントをオーバーライドしません。ng-blur 式と元の onblur イベントが同時に実行されます。

入力フィールドがフォーカスを失ったとき(onblur)に、式を実行します:

<input ng-blur="count = count + 1" ng-init="count=0" />
<h1>{{count}}</h1>

実際に試してみる

文法

<element ng-blur="expression">element>

サポート <a><input><select><textarea> および window オブジェクト。

パラメータ

パラメータ 説明
expression 要素がフォーカスを失ったときに実行する式。