Home >Web Front-end >JS Tutorial >Detailed explanation and simple example of AngularJS ng-blur directive

Detailed explanation and simple example of AngularJS ng-blur directive

高洛峰Original: 2017-01-10 11:18:151378browse

AngularJS ng-blur directive

AngularJS example

Execute expression when the input box loses focus (onblur):

<!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" 变量记录了失去焦点的次数。</p>
 
</body>
</html>

Running result:

AngularJS ng-blur 指令详解及简单实例

The "count" variable in the instance records the number of times the focus is lost .

Definition and Usage

The ng-blur directive is used to tell AngularJS the expression that needs to be executed when the HTML element loses focus.
The ng-blur directive in AngularJS does not override the native onblur event. If this event is triggered, both the ng-blur expression and the native onblur event will be executed.

Syntax

472353a2be00c6b0c4b0e67c228a7fe6a24c0203f0ae689239f065103120aae7

3499910bf9dac5ae3c52d5ede7383485, d5fd7aea971a85678ba271703566ebfd, 221f08282418e2996498697df914ce4e, 4750256ae76b6b9d804861d8f69e79d3, window objects are supported.

Parameter value

AngularJS ng-blur 指令详解及简单实例

The above is a brief explanation of the AngularJS ng-blur instruction knowledge. I will continue to add more in the future. Thank you for your support!

For more detailed explanations and simple examples of AngularJS ng-blur instructions, please pay attention to the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Detailed introduction to the difference between prototype and __proto__Next article：Detailed introduction to the difference between prototype and __proto__

See more

Detailed explanation and simple example of AngularJS ng-blur directive

Related articles