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

javascript vvorld 在线加密破解方法

Nov 13 Javascript

JavaScript 获取事件对象的注意点

Jul 29 Javascript

jquery插件tooltipv顶部淡入淡出效果使用示例

Dec 05 Javascript

JavaScript自定义等待wait函数实例分析

Mar 23 Javascript

使用iojs的jsdom库实现同步系统时间

Apr 20 Javascript

jQuery中的通配符选择器使用总结

May 30 Javascript

关于webpack代码拆分的解析

Jul 20 Javascript

利用Angular2 + Ionic3开发IOS应用实例教程

Jan 15 Javascript

vue轮播图插件vue-concise-slider的使用

Mar 13 Javascript

js实现图片上传并预览功能

Aug 06 Javascript

express框架中使用jwt实现验证的方法

Aug 25 Javascript

详解Vue.js 可拖放文本框组件的使用

Mar 03 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

海贼王：最美的悬赏令！

2020/03/02 日漫

PHP实现读取一个1G的文件大小

2013/08/24 PHP

smarty模板引擎中变量及变量修饰器用法实例

2015/01/22 PHP

php5.3后静态绑定用法详解

2016/11/11 PHP

php实现购物车功能（以大苹果购物网为例）

2017/03/09 PHP

javascript实现划词标记+划词搜索功能

2007/03/06 Javascript

javascript:void(0)的真正含义实例分析

2008/08/20 Javascript

jquery select(列表)的操作（取值/赋值）

2011/03/16 Javascript

JS编程小常识很有用

2012/11/26 Javascript

如何书写高质量jQuery代码(使用jquery性能问题)

2014/06/30 Javascript

Jquery响应回车键直接提交表单操作代码

2014/07/25 Javascript

基于jquery的文字向上跑动类似跑马灯的效果

2014/09/22 Javascript

一个JavaScript函数把URL参数解析成Json对象

2014/09/24 Javascript

jquery实现页面百叶窗走马灯式翻滚显示效果的方法

2015/03/12 Javascript

jQuery中cookie插件用法实例分析

2015/12/04 Javascript

jQuery插件Validation表单验证详解

2018/05/26 jQuery

jQuery实现的点击按钮改变样式功能示例

2018/07/21 jQuery

Vue三种常用传值示例(父传子、子传父、非父子)

2018/07/24 Javascript

Mint-UI时间组件起始时间问题及时间插件使用

2018/08/20 Javascript

微信小程序云开发实现云数据库读写权限

2019/05/17 Javascript

Vue-CLI 项目在pycharm中配置方法

2019/08/30 Javascript

vue-cli创建的项目中的gitHooks原理解析

2020/02/14 Javascript

[01:00:30]TFT vs VGJ.T Supermajor 败者组 BO3 第一场 6.5

2018/06/06 DOTA

Python isinstance函数介绍

2015/04/14 Python

python 打印对象的所有属性值的方法

2016/09/11 Python

python GUI实例学习

2017/11/21 Python

Python3中编码与解码之Unicode与bytes的讲解

2019/02/28 Python

Pytorch Tensor的统计属性实例讲解

2019/12/30 Python

10个最常见的HTML5面试题附答案

2016/06/06 HTML / CSS

递归实现回文判断（如：abcdedbca就是回文，判断一个面试者对递归理解的简单程序）

2013/04/28 面试题

介绍一下linux的文件系统

2015/10/06 面试题

中考冲刺决心书

2014/03/11 职场文书

物业工程部岗位职责

2015/02/11 职场文书

python制作图形界面的2048游戏, 基于tkinter

2021/04/06 Python

tensorflow中的梯度求解及梯度裁剪操作

2021/05/26 Python

MySQL Innodb索引机制详细介绍

2021/11/23 MySQL