Latest web development tutorials
 

AngularJS ng-blur Directive


Example

Execute an expresson when the input field loses focus (onblur):

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

<h1>{{count}}</h1>
Try it Yourself »

Definition and Usage

The ng-blur directive tells AngularJS what to do when an HTML element loses focus.

The ng-blur directive from AngularJS will not override the element's original onblur event, both the ng-blur expression and the original onblur event will be executed.


Syntax

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

Supported by <a>, <input>, <select>, <textarea>, and the window object.


Parameter Values

Value Description
expression An expression to execute when an element loses focus.