AngularJS ng-blur 指令详解及简单实例


Posted in Javascript onJuly 30, 2016

AngularJS ng-blur 指令

AngularJS 实例

当输入框失去焦点(onblur)时执行表达式:

<!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-blur="count = count + 1" ng-init="count=0" />

{{count}}

<p>实例中 "count" 变量记录了失去焦点的次数。</p>

</body>
</html>

运行结果:

 

0

实例中 "count" 变量记录了失去焦点的次数。

 定义和用法

ng-blur 指令用于告诉 AngularJS HTML 元素在失去焦点时需要执行的表达式。
AngularJS 中的 ng-blur 指令不会覆盖原生的 onblur 事件, 如果触发该事件,ng-blur 表达式与原生的 onblur 事件都会执行。

语法

<element ng-blur="expression"></element>

<a>, <input>, <select>, <textarea>,窗口对象支持。

参数值

 

描述
expression 失去焦点时执行的表达式。

 以上就是对AngularJS ng-blur 指令知识的简单讲解,后续继续补充,谢谢支持!

Javascript 相关文章推荐
event.currentTarget与event.target的区别介绍
Dec 31 Javascript
各浏览器对document.getElementById等方法的实现差异解析
Dec 05 Javascript
自己封装的常用javascript函数分享
Jan 07 Javascript
跟我学习javascript的prototype,getPrototypeOf和__proto__
Nov 17 Javascript
jQuery插件实现多级联动菜单效果
Dec 01 Javascript
一个极为简单的requirejs实现方法
Oct 20 Javascript
AngularJS之页面跳转Route实例代码
Mar 10 Javascript
前端构建工具之gulp的语法教程
Jun 12 Javascript
JS实现json的序列化和反序列化功能示例
Jun 13 Javascript
JS运动特效之链式运动分析
Jan 24 Javascript
js实现数字从零慢慢增加到指定数字示例
Nov 07 Javascript
vue实现简单数据双向绑定
Apr 28 Vue.js
AngularJS ng-bind-template 指令详解
Jul 30 #Javascript
AngularJS ng-bind-html 指令详解及实例代码
Jul 30 #Javascript
AngularJS ng-bind 指令简单实现
Jul 30 #Javascript
AngularJS ng-app 指令实例详解
Jul 30 #Javascript
如何检测JavaScript的各种类型
Jul 30 #Javascript
详解js中的apply与call的用法
Jul 30 #Javascript
javascript回到顶部特效
Jul 30 #Javascript
You might like
默默简单的写了一个模板引擎
2007/01/02 PHP
php中根据变量的类型 选择echo或dump
2012/07/05 PHP
jQuery中的RadioButton,input,CheckBox取值赋值实现代码
2014/02/18 PHP
PHP的Laravel框架结合MySQL与Redis数据库的使用部署
2016/03/21 PHP
javascript flash下fromCharCode和charCodeAt方法使用说明
2008/01/12 Javascript
JavaScript更改class和id的方法
2008/10/10 Javascript
DWR Ext 加载数据
2009/03/22 Javascript
基于Jquery的$.cookie()实现跨越页面tabs导航实现代码
2011/03/03 Javascript
js关闭模态窗口刷新父页面或跳转页面
2012/12/13 Javascript
JS或jQuery获取ASP.NET服务器控件ID的方法
2015/06/08 Javascript
jQuery实现向下滑出的二级菜单效果实例
2015/08/22 Javascript
jquery点击改变class并toggle的实现代码
2016/05/15 Javascript
【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)
2016/06/07 Javascript
vue.js中mint-ui框架的使用方法
2017/05/12 Javascript
jQuery图片查看插件Magnify开发详解
2017/12/25 jQuery
node将geojson转shp返回给前端的实现方法
2019/05/29 Javascript
jQuery实现文本显示一段时间后隐藏的方法分析
2019/06/20 jQuery
Node登录权限验证token验证实现的方法示例
2020/05/25 Javascript
[37:02]OG vs INfamous 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
一步步教你用Python实现2048小游戏
2017/01/19 Python
基于并发服务器几种实现方法(总结)
2017/12/29 Python
简单实现Python爬取网络图片
2018/04/01 Python
Tensorflow设置显存自适应,显存比例的操作
2020/02/03 Python
python线性插值解析
2020/07/05 Python
捷克家居装饰及图书音像购物网站:Velký košík
2018/04/16 全球购物
印尼最大的网上书店:Gramedia.com
2018/09/13 全球购物
Interrail法国:乘火车探索欧洲,最受欢迎的欧洲铁路通票
2019/08/27 全球购物
安全资金保障制度
2014/01/23 职场文书
机关节能减排实施方案
2014/03/17 职场文书
大学生学期自我鉴定
2014/03/19 职场文书
铁路安全反思材料
2014/12/24 职场文书
2015年度物业公司工作总结
2015/04/27 职场文书
2019安全宣传标语大全
2019/08/14 职场文书
聊聊pytorch测试的时候为何要加上model.eval()
2021/05/23 Python
Linux7.6二进制安装Mysql8.0.27详细操作步骤
2021/11/27 MySQL
Java 获取Word中所有的插入和删除修订的方法
2022/04/06 Java/Android