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 相关文章推荐
javaScript checkbox 全选/反选及批量删除
Apr 28 Javascript
突发奇想的一个jquery插件
Nov 19 Javascript
最短的IE判断代码
Mar 13 Javascript
javascript中IE浏览器不支持NEW DATE()带参数的解决方法
Mar 01 Javascript
javascript 按键事件(兼容各浏览器)
Dec 20 Javascript
js操作输入框中选择内容兼容IE及其他主流浏览器
Apr 22 Javascript
jQuery中data()方法用法实例
Dec 27 Javascript
javascript实现带下拉子菜单的导航菜单效果
May 14 Javascript
基于JavaScript实现轮播图代码
Jul 14 Javascript
jQuery实现注册会员时密码强度提示信息功能示例
Sep 05 jQuery
利用React Router4实现的服务端直出渲染(SSR)
Jan 07 Javascript
layui-tree实现Ajax异步请求后动态添加节点的方法
Sep 23 Javascript
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
php 攻击方法之谈php+mysql注射语句构造
2009/10/30 PHP
详解PHP序列化反序列化的方法
2015/10/27 PHP
smarty简单应用实例
2015/11/03 PHP
js压缩利器
2007/02/20 Javascript
niceTitle 基于jquery的超链接提示插件
2010/05/31 Javascript
JQuery中extend的用法实例分析
2015/02/08 Javascript
Javascript中判断对象是否为空
2015/06/10 Javascript
JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题
2015/12/07 Javascript
JavaScript实现弹出模态窗体并接受传值的方法
2016/02/12 Javascript
基于BootStrap Metronic开发框架经验小结【一】框架总览及菜单模块的处理
2016/05/12 Javascript
详解Jquery 遍历数组之$().each方法与$.each()方法介绍
2017/01/09 Javascript
详解浏览器渲染页面过程
2017/02/09 Javascript
VUE实现日历组件功能
2017/03/13 Javascript
js+html5实现页面可刷新的倒计时效果
2017/07/15 Javascript
利用JS hash制作单页Web应用的方法详解
2017/10/10 Javascript
vue技术分享之你可能不知道的7个秘密
2018/04/09 Javascript
vue2 v-model/v-text 中使用过滤器的方法示例
2019/05/09 Javascript
django Serializer序列化使用方法详解
2018/10/16 Python
Python变量类型知识点总结
2019/02/18 Python
详解Python3 对象组合zip()和回退方式*zip
2019/05/15 Python
python 一个figure上显示多个图像的实例
2019/07/08 Python
深入了解Python 方法之类方法 &amp; 静态方法
2020/08/17 Python
国际领先的学术出版商:Springer
2017/01/11 全球购物
Answear匈牙利:来自全球200多个知名时尚品牌
2017/04/21 全球购物
C#笔试题和英文面试题
2013/02/07 面试题
高中毕业生生活的自我评价
2013/12/08 职场文书
大学生求职信范文应怎么写
2014/01/01 职场文书
法院先进个人事迹材料
2014/05/04 职场文书
班级标语大全
2014/06/21 职场文书
治安消防安全责任书
2014/07/23 职场文书
中国梦演讲稿5分钟
2014/08/19 职场文书
小学关爱留守儿童活动方案
2014/08/25 职场文书
四风问题查摆材料
2014/08/25 职场文书
雨花台导游词
2015/02/06 职场文书
Go语言实现一个简单的并发聊天室的项目实战
2022/03/18 Golang
tree shaking对打包体积优化及作用
2022/07/07 Java/Android