编程 Javascript

AngularJS基础 ng-focus 指令简单示例

Posted in Javascript onAugust 01, 2016

AngularJS ng-focus 指令

AngularJS 实例

当输入框获取焦点时执行表达式:

<!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-focus="count = count + 1" ng-init="count=0" />

<h1>{{count}}</h1>

<p>该实例在输入框每次获取焦点时，计算变量 "count" 会自动加 1。</p>

</body>
</html>

该实例在输入框每次获取焦点时，计算变量 "count" 会自动加 1。

定义和用法

ng-focus 指令用于告诉 AngularJS 在 HTML 元素获取焦点时需要执行的操作。

ng-focus 指令不会覆盖元素的原始 onfocus 事件, 事件触发时，ng-focus 表达式与原始的 onfocus 事件将都会执行。

语法

<a>, <input>, <select>, <textarea>, 和 window 对象都支持该指令。

参数值

值	描述
expression	元素获取焦点时执行的表达式。

以上就是对Angular ng-focus 的基础资料整理，后续继续补充。

AngularJS基础 ng-focus 指令简单示例

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jquery的颜色选择插件实例代码

Oct 02 Javascript

javascript 命名规则变量命名规则

Feb 25 Javascript

jQuery.extend()、jQuery.fn.extend()扩展方法示例详解

May 08 Javascript

实现网页页面跳转的几种方法(meta标签、js实现、php实现)

May 20 Javascript

jQuery实现鼠标可拖动调整表格列宽度

May 26 Javascript

浅析jquery如何判断滚动条滚到页面底部并执行事件

Apr 29 Javascript

基于JavaScript实现滑动门效果

Mar 16 Javascript

JS中判断字符串存在和非空的方法

Sep 12 Javascript

javascript随机变色实例代码

Oct 15 Javascript

JS实现吸顶特效

Jan 08 Javascript

JS图片懒加载技术实现过程解析

Jul 27 Javascript

vue中echarts的用法及与elementui-select的协同绑定操作

Nov 17 Vue.js

JavaScript中的对象继承关系

Aug 01 #Javascript

jQuery简单实现页面元素置顶时悬浮效果示例

Aug 01 #Javascript

jQuery Ajax 加载数据时异步显示加载动画

Aug 01 #Javascript

jQuery简单实现title提示效果示例

Aug 01 #Javascript

jQuery Ajax 异步加载显示等待效果代码分享

Aug 01 #Javascript

AngularJS基础 ng-disabled 指令详解及简单示例

Aug 01 #Javascript

jQuery获取与设置iframe高度的方法

Aug 01 #Javascript

You might like

FleaPHP的安全设置方法

2008/09/15 PHP

PHP explode()函数用法、切分字符串

2012/10/03 PHP

php计算指定目录下文件占用空间的方法

2015/03/13 PHP

PHP统一页面编码避免乱码问题

2015/04/09 PHP

Zend Framework上传文件重命名的实现方法

2016/11/25 PHP

实例介绍PHP删除数组中的重复元素

2019/03/03 PHP

jQuery 页面载入进度条实现代码

2009/02/08 Javascript

JavaScript 函数replace深入了解

2013/03/14 Javascript

一个JavaScript用逗号分割字符串实例

2014/09/22 Javascript

javascript检查浏览器是否已经启用XX功能

2015/07/10 Javascript

JS+CSS实现滑动切换tab菜单效果

2015/08/25 Javascript

layer弹出层框架alert与msg详解

2017/03/14 Javascript

使用Angular CLI快速创建Angular项目的一些基本概念和写法小结

2018/04/22 Javascript

VUE 3D轮播图封装实现方法

2018/07/03 Javascript

Vue axios 将传递的json数据转为form data的例子

2019/10/29 Javascript

vant picker+popup 自定义三级联动案例

2020/11/04 Javascript

Python中使用gzip模块压缩文件的简单教程

2015/04/08 Python

举例讲解Python的Tornado框架实现数据可视化的教程

2015/05/02 Python

Python 文件管理实例详解

2015/11/10 Python

深入理解NumPy简明教程---数组2

2016/12/17 Python

Python学习思维导图(必看篇)

2017/06/26 Python

利用Tkinter(python3.6)实现一个简单计算器

2017/12/21 Python

和孩子一起学习python之变量命名规则

2018/05/27 Python

python使用tornado实现登录和登出

2018/07/28 Python

Win10下python 2.7.13 安装配置方法图文教程

2018/09/18 Python

详解python-图像处理（映射变换）

2019/03/22 Python

matlab灰度图像调整及imadjust函数的用法详解

2020/02/27 Python

手把手教你如何用Pycharm2020.1.1配置远程连接的详细步骤

2020/08/07 Python

触摸春天教学反思

2014/02/03 职场文书

如何写自我鉴定

2014/03/19 职场文书

促销活动总结

2014/04/28 职场文书

2015年保管员工作总结

2015/04/30 职场文书

婚礼必备主持词范本！

2019/07/23 职场文书

文明医院的标语集锦！

2019/07/24 职场文书

你有一份《诚信考试承诺书》待领取

2019/11/13 职场文书

Python可视化神器pyecharts之绘制地理图表练习

2022/07/07 Python