AngularJS - input text element deselect event

Question

Suppose I have the following setup:

<form>
    <input type="text" id="text1">
    <input type="text" id="text2">
</form>

In AngularJS, is there any way for me to determine when, say, the user deselects #text1, for example by clicking #text2, or clicking somewhere else on the screen? I am aware the ng-change lets me listen to changes in the value of #text1 itself, but I see no way to determine when the user actually leaves the field.

maurycy · Accepted Answer · 2014-07-03 08:45:05Z

3

You can use ngBlur for this

https://docs.angularjs.org/api/ng/directive/ngBlur

<form>
  <input type="text" id="text1" ng-blur="iHaveLostFocusDoSomethingWithIt()">
  <input type="text" id="text2">
</form>

answered Jul 3, 2014 at 8:45

maurycy

8,4201 gold badge30 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

TidharPeer Over a year ago

Keep in mind that ng-blur is available only since Angular 1.2

maurycy Over a year ago

Correct, i keep forgetting that some people use old version for no reason at all ;)

Collectives™ on Stack Overflow

AngularJS - input text element deselect event

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related