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

硬盘浏览程序，保存成网页格式便可使用

Dec 03 Javascript

关于js获取radio和select的属性并控制的代码

May 12 Javascript

详解Wondows下Node.js使用MongoDB的环境配置

Mar 01 Javascript

javascript制作照片墙及制作过程中出现的问题

Apr 04 Javascript

微信小程序中wx.chooseAddress(OBJECT)实例详解

Mar 31 Javascript

Vue.js鼠标悬浮更换图片功能

May 17 Javascript

jquery实现垂直无限轮播的方法分析

Jul 16 jQuery

vue输入框使用模糊搜索功能的实现代码

May 26 Javascript

bootstrap实现tab选项卡切换

Aug 09 Javascript

Vue实现简单的留言板

Oct 23 Javascript

微信小程序自定义yPicker组件实现省市区三级联动功能

Oct 29 Javascript

vue 中使用print.js导出pdf操作

Nov 13 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

风味层面去分析咖啡油脂

2021/03/03 咖啡文化

ADODB的数据库封包程序库

2006/12/31 PHP

thinkphp判断访客为手机端或PC端的方法

2014/11/24 PHP

PHP面向对象编程之深入理解方法重载与方法覆盖（多态）

2015/12/24 PHP

jquery click([data],fn)使用方法实例介绍

2013/07/08 Javascript

JS调用CS里的带参方法实例

2013/08/01 Javascript

常见表单重复提交问题整理及解决方法

2013/11/13 Javascript

基于Bootstrap+jQuery.validate实现Form表单验证

2014/12/16 Javascript

jQuery实现带动画效果的多级下拉菜单代码

2015/09/08 Javascript

Jsonp 关键字详解及json和jsonp的区别，ajax和jsonp的区别

2015/12/30 Javascript

javascript实现简易计算器的代码

2016/05/31 Javascript

jQuery利用sort对DOM元素进行排序操作

2016/11/07 Javascript

Vue2.0学习系列之项目上线的方法步骤(图文)

2018/09/25 Javascript

jqGrid表格底部汇总、合计行footerrow处理

2019/08/21 Javascript

JavaScript缓动动画函数的封装方法

2020/11/25 Javascript

[02:39]DOTA2国际邀请赛助威团西雅图第一天

2013/08/08 DOTA

Python 不同对象比较大小示例探讨

2014/08/21 Python

使用Python下的XSLT API进行web开发的简单教程

2015/04/15 Python

Python生成随机数组的方法小结

2017/04/15 Python

Python supervisor强大的进程管理工具的使用

2019/04/24 Python

pycharm编写spark程序，导入pyspark包的3中实现方法

2019/08/02 Python

python进程的状态、创建及使用方法详解

2019/12/06 Python

python tkinter的消息框模块(messagebox,simpledialog)

2020/11/07 Python

如何用python 操作zookeeper

2020/12/28 Python

cosme官方海外旗舰店：日本最大化妆品和美容产品的综合口碑网站

2017/01/18 全球购物

Hotter Shoes美国官网：英国最受欢迎的舒适鞋

2018/08/02 全球购物

如何开发一个JQuery插件

2016/07/28 面试题

家长给孩子的评语

2014/01/30 职场文书

民事诉讼代理授权委托书

2014/10/11 职场文书

大班下学期个人总结

2015/02/13 职场文书

护士年终个人总结

2015/02/13 职场文书

会计工作能力自我评价

2015/03/05 职场文书

迎新年主持词

2015/07/06 职场文书

Nginx同一个域名配置多个项目的实现方法

2021/03/31 Servers

80行代码写一个Webpack插件并发布到npm

2021/05/24 Javascript

Elasticsearch 数据类型及管理

2022/04/19 Python