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 相关文章推荐
Prototype Date对象 学习
Jul 12 Javascript
解决IE6的PNG透明JS插件使用介绍
Apr 17 Javascript
完美解决IE低版本不支持call与apply的问题
Dec 05 Javascript
jquery实现人性化的有选择性禁用鼠标右键
Jun 30 Javascript
jQuery后代选择器用法实例
Dec 23 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
Jan 19 Javascript
jQuery可见性过滤选择器用法示例
Sep 09 Javascript
简单实现Vue的observer和watcher
Dec 21 Javascript
JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
Apr 24 Javascript
vue.js中v-on:textInput无法执行事件问题的解决过程
Jul 12 Javascript
Es6 Generator函数详细解析
Feb 24 Javascript
原生js实现拖拽移动与缩放效果
Aug 24 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
用PHP读取flv文件的播放时间长度
2009/09/03 PHP
PHP读书笔记整理_结构语句详解
2016/07/01 PHP
php-fpm添加service服务的例子
2018/04/27 PHP
PHP中number_format()函数的用法讲解
2019/04/08 PHP
Laravel开启跨域请求的方法
2019/10/13 PHP
php7 list()、session及其他模块的修改实例分析
2020/05/25 PHP
用jQuery实现的智能隐藏、滑动效果的返回顶部代码
2014/03/18 Javascript
JavaScript中的闭包
2016/02/24 Javascript
Nodejs如何搭建Web服务器
2016/03/28 NodeJs
js两种拼接字符串的简单方法(必看)
2016/09/02 Javascript
JS 在数组指定位置插入/删除数据的方法
2017/01/12 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
2017/02/13 Javascript
整理关于Bootstrap模态弹出框的慕课笔记
2017/03/29 Javascript
微信小程序之滚动视图容器的实现方法
2017/09/26 Javascript
mui上拉加载更多下拉刷新数据的封装过程
2017/11/03 Javascript
原生JS实现的双色球功能示例
2018/02/02 Javascript
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
2018/04/21 Javascript
vue js秒转天数小时分钟秒的实例代码
2018/08/08 Javascript
Vue中android4.4不兼容问题的解决方法
2018/09/04 Javascript
在Vue中使用mockjs代码实例
2020/11/25 Vue.js
vue使用exif获取图片经纬度的示例代码
2020/12/11 Vue.js
Python 字符串中的字符倒转
2008/09/06 Python
在Python的框架中为MySQL实现restful接口的教程
2015/04/08 Python
Python网络爬虫中的同步与异步示例详解
2018/02/03 Python
pandas 快速处理 date_time 日期格式方法
2018/11/12 Python
python并发编程多进程之守护进程原理解析
2019/08/20 Python
Python爬虫回测股票的实例讲解
2021/01/22 Python
Manduka官网:瑜伽垫、瑜伽毛巾和服装
2018/07/02 全球购物
美国唇部护理专家:Sara Happ
2019/06/19 全球购物
职业培训师职业生涯规划
2014/02/18 职场文书
数学系毕业生求职信
2014/05/29 职场文书
工商管理专业自荐信
2014/06/03 职场文书
成品仓库管理员岗位职责
2015/04/09 职场文书
2016中秋节月饼促销广告语
2016/01/28 职场文书
经典励志格言:每日一句,让你每天充满能量
2019/08/16 职场文书
Pytorch可视化的几种实现方法
2021/06/10 Python