编程 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 相关文章推荐

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="file"）的使用

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