AngularJS ng-focus 指令



  • 定义和用法

    ng-focus 指令告诉 AngularJSHTML 元素获取焦点时该怎么做。
    AngularJSng-focus 指令不会覆盖元素的原始 onfocus 事件,ng-focus 表达式和原始 onfocus 事件都将被执行。
  • 语法

    <element ng-focus="expression"></element>
    
    仅由<a>,<input>,<select>,<textarea>元素和window对象支持。
  • 参数

    参数 必需的 描述
    expression 当元素获取焦点时执行的表达式。
  • 示例

    下例演示了当输入字段获取焦点(onfocus)时执行一个表达式:
    <!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-focus="count = count + 1" ng-init="count=0">
        <h1>{{ count }}</h1>
        <p>每当输入字段获取焦点时,此示例都会增加变量“count”的值。</p>
     </body>
     </html>