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 事件将都会执行。

语法

<element ng-focus="expression"></element>

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

参数值

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

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

Javascript 相关文章推荐
js下通过getList函数实现分页效果的代码
Sep 17 Javascript
一个背景云变换js特效 鼠标移动背景云变化
Dec 28 Javascript
jquery 绑定回车动作扑捉回车键触发的事件
Mar 26 Javascript
使用Javascript实现选择下拉菜单互移并排序
Feb 23 Javascript
使用jQuery制作浮动工具栏的实例分享
May 13 Javascript
jquery 点击元素后,滚动条滚动至该元素位置的方法
Aug 05 Javascript
JavaScript实现定时页面跳转功能示例
Feb 14 Javascript
vue2.0中click点击当前li实现动态切换class
Jun 21 Javascript
js实现旋转木马轮播图效果
Jan 10 Javascript
小程序实现多个选项卡切换
Jun 19 Javascript
Vue 中使用lodash对事件进行防抖和节流操作
Jul 26 Javascript
canvas多重阴影发光效果实现
Apr 20 Javascript
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
删除及到期域名的查看(抢域名必备哦)
2008/05/14 PHP
php对文件夹进行相关操作(遍历、计算大小)
2015/11/04 PHP
利用javascript实现一些常用软件的下载导航
2009/08/03 Javascript
修改file按钮的默认样式实现代码
2013/04/23 Javascript
js控制当再次点击按钮时的间隔时间
2014/06/03 Javascript
jquery中map函数与each函数的区别实例介绍
2014/06/23 Javascript
jquery validate demo 基础
2015/10/29 Javascript
深入浅析react native es6语法
2015/12/09 Javascript
JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)
2016/06/16 Javascript
原生JS:Date对象全面解析
2016/09/06 Javascript
使用jQuery操作DOM的方法小结
2017/02/27 Javascript
Node.js操作redis实现添加查询功能
2017/05/25 Javascript
简单实现jQuery手风琴效果
2017/08/18 jQuery
vue 设置proxyTable参数进行代理跨域
2018/04/09 Javascript
javascript、php关键字搜索函数的使用方法
2018/05/29 Javascript
webpack分离css单独打包的方法
2018/06/12 Javascript
JavaScript实现的反序列化json字符串操作示例
2018/07/18 Javascript
解决bootstrap中下拉菜单点击后不关闭的问题
2018/08/10 Javascript
javascript实现文本框标签验证的实例代码
2018/10/14 Javascript
Python使用PyCrypto实现AES加密功能示例
2017/05/22 Python
Python字典数据对象拆分的简单实现方法
2017/12/05 Python
使用Python爬取最好大学网大学排名
2018/02/24 Python
一篇文章读懂Python赋值与拷贝
2018/04/19 Python
python实现人人自动回复、抢沙发功能
2018/06/08 Python
new_zeros() pytorch版本的转换方式
2020/02/18 Python
Tensorflow中的降维函数tf.reduce_*使用总结
2020/04/20 Python
Django 解决model 反向引用中的related_name问题
2020/05/19 Python
Python实现读取并写入Excel文件过程解析
2020/05/27 Python
瑞士灯具购物网站:Lampenwelt.ch
2018/07/08 全球购物
初中化学教学反思
2014/01/23 职场文书
建议书怎么写
2014/03/12 职场文书
文明工地标语
2014/06/16 职场文书
会员活动策划方案
2014/08/19 职场文书
党员查摆四风问题思想汇报
2014/10/25 职场文书
小学师德师风整改措施
2014/10/27 职场文书
Python基础之tkinter图形化界面学习
2021/04/29 Python