上一节:
下一节:

  AngularJS ng-blur 指令

  • 定义和用法

    ng-blur 指令告诉 AngularJS 当 HTML 元素失去焦点时该怎么做。
    AngularJS 的 ng-blur 指令不会覆盖元素的原始 onblur 事件，ng-blur 表达式和原始 onblur 事件都将被执行。

  • 语法

    <element ng-blur="expression"></element>
    仅由<a>，<input>，<select>，<textarea>元素和window对象支持。

  • 参数

    参数 必需的 描述
    expression 是 当元素失去焦点时执行的表达式。

  • 示例

    下例演示了当输入字段失去焦点（onblur）时执行一个表达式： 
    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到蝴蝶教程</title>
<script src="//cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
</head>
<body ng-app="">
   <input ng-blur="count = count + 1" ng-init="count=0">
   <h1>{{ count }}</h1>
   <p>每当输入字段失去焦点时，此示例都会增加变量“count”的值。</p>
</body>
</html>
    尝试一下

  • 相关页面

返回 AngularJS 参考手册
上一节:
下一节: