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 相关文章推荐
IE6下出现JavaScript未结束的字符串常量错误的解决方法
Nov 21 Javascript
js优化针对IE6.0起作用(详细整理)
Dec 25 Javascript
extjs4 treepanel动态改变行高度示例
Dec 17 Javascript
js实现同一页面可多次调用的图片幻灯切换效果
Feb 28 Javascript
Javascript中Array用法实例分析
Jun 13 Javascript
jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】
Sep 20 Javascript
jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果
Feb 15 Javascript
Form表单上传文件(type=&quot;file&quot;)的使用
Aug 03 Javascript
详解vue-cli项目中的proxyTable跨域问题小结
Feb 09 Javascript
浅谈vue同一页面中拥有两个表单时,的验证问题
Sep 18 Javascript
vue 解决addRoutes多次添加路由重复的操作
Aug 04 Javascript
Vue.js中v-for指令的用法介绍
Mar 13 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
在php中取得image按钮传递的name值
2006/10/09 PHP
PHP Hash算法:Times33算法代码实例
2015/05/13 PHP
PHP中SQL查询语句的id=%d解释(推荐)
2016/12/10 PHP
php中str_pad()函数用法分析
2017/03/28 PHP
Yii2框架视图(View)操作及Layout的使用方法分析
2019/05/27 PHP
Laravel jwt 多表(多用户端)验证隔离的实现
2019/12/18 PHP
php让json_encode不自动转义斜杠“/”的方法
2020/04/27 PHP
Javascript实现简单二级下拉菜单实例
2014/06/15 Javascript
node.js中的fs.fchmodSync方法使用说明
2014/12/16 Javascript
js实现点击获取验证码倒计时效果
2021/01/28 Javascript
jquery遍历标签中自定义的属性方法
2016/09/17 Javascript
AngularJS入门教程之Helloworld示例
2016/12/25 Javascript
javascript常用经典算法详解
2017/01/11 Javascript
性能优化之代码优化页面加载速度
2017/03/01 Javascript
Vue中的v-cloak使用解读
2017/03/27 Javascript
详解vue-cil和webpack中本地静态图片的路径问题解决方案
2017/09/27 Javascript
vue单个组件实现无限层级多选菜单功能
2018/04/10 Javascript
React项目动态设置title标题的方法示例
2018/09/26 Javascript
基于Vue组件化的日期联动选择器功能的实现代码
2018/11/30 Javascript
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
2019/02/27 jQuery
微信小程序事件 bindtap bindinput代码实例
2019/08/26 Javascript
node.JS路径解析之PATH模块使用方法详解
2020/02/06 Javascript
js实现验证码功能
2020/07/24 Javascript
微信小程序onShareTimeline()实现分享朋友圈
2021/01/07 Javascript
Unicode和Python的中文处理
2017/03/19 Python
python with提前退出遇到的坑与解决方案
2018/01/05 Python
django数据库自动重连的方法实例
2019/07/21 Python
如何在Cloud Studio上执行Python代码?
2019/08/09 Python
python+selenium+Chrome options参数的使用
2020/03/18 Python
施工资料员的岗位职责
2013/12/22 职场文书
致铅球运动员加油稿
2014/02/13 职场文书
社区活动总结报告
2014/05/05 职场文书
自强自立美德少年事迹材料
2014/08/16 职场文书
公司员工离职证明书
2014/10/04 职场文书
超外差式晶体管收音机的组装与统调
2021/04/22 无线电
python中pymysql包操作数据库方法
2022/04/19 Python