AngularJS基础 ng-keydown 指令简单示例


Posted in Javascript onAugust 02, 2016

AngularJS ng-keydown 指令

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

<h1>{{count}}</h1>

<p>该实例在输入框每次按下按键时,计算变量 "count" 会自动加 1。</p>

</body>
</html>

定义和用法

ng-keydown 指令用于告诉 AngularJS 在指定 HTML 元素上按下按键时需要的操作。

ng-keydown 指令不会覆盖元素的原生 onkeydown 事件, 事件触发时,ng-keydown 表达式与原生的 onkeydown 事件将都会执行。

按键敲击的事件顺序:

1.Keydown

2.Keypress

3.Keyup

语法

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

<input>, <select>, <textarea>, 和其他可编辑元素支持该指令。

参数值

 

描述
expression 按下按键执行的表达式。
Javascript 相关文章推荐
有一段有意思的代码-javascript现实多行信息
Aug 26 Javascript
关于javascript event flow 的一个bug详解
Sep 17 Javascript
jquery做的一个简单的屏幕锁定提示框
Mar 26 Javascript
通过jquery 获取URL参数并进行转码
Aug 18 Javascript
基于jquery实现发送文章到手机的代码
Dec 26 Javascript
javascript随机抽取0-100之间不重复的10个数
Feb 25 Javascript
Bootstrap每天必学之警告框插件
Apr 26 Javascript
基于jquery实现的鼠标悬停提示案例
Dec 11 Javascript
Angularjs 双向绑定时字符串的转换成数字类型的问题
Jun 12 Javascript
解决axios发送post请求返回400状态码的问题
Aug 11 Javascript
electron制作仿制qq聊天界面的示例代码
Nov 26 Javascript
详解微信小程序之scroll-view的flex布局问题
Jan 16 Javascript
AngularJs自定义服务之实现签名和加密
Aug 02 #Javascript
浅谈Cookie的生命周期问题
Aug 02 #Javascript
jQuery实现的兼容性浮动层示例
Aug 02 #Javascript
AngularJS基础 ng-init 指令简单示例
Aug 02 #Javascript
JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)
Aug 02 #Javascript
基于Vue.js实现数字拼图游戏
Aug 02 #Javascript
js 获取范围内的随机数实例代码
Aug 02 #Javascript
You might like
php中实现记住密码自动登录的代码
2011/03/02 PHP
php共享内存段示例分享
2014/01/20 PHP
CI框架Session.php源码分析
2014/11/03 PHP
php使用GD实现颜色渐变实例
2015/06/02 PHP
yii用户注册表单验证实例
2015/12/26 PHP
PHP页面输出搜索后跳转下一页的处理方法
2016/09/30 PHP
解决Laravel无法使用COOKIE和SESSION的问题
2019/10/16 PHP
JQuery优缺点分析说明
2011/04/10 Javascript
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
2012/08/09 Javascript
深入分析JQuery和JavaScript的异同
2014/10/23 Javascript
javascript事件委托的用法及其好处简析
2016/04/04 Javascript
jQuery获取父元素节点、子元素节点及兄弟元素节点的方法
2016/04/14 Javascript
js实现省份下拉菜单效果
2017/02/15 Javascript
Vim快速合并行及vim 将文件所有行合并到一行
2017/11/27 Javascript
JavaScript 判断对象中是否有某属性的常用方法
2018/06/14 Javascript
vue中如何实现pdf文件预览的方法
2018/07/12 Javascript
webpack3升级到webpack4遇到问题总结
2019/09/30 Javascript
[40:56]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Liquid vs TNC
2018/04/01 DOTA
Python中使用items()方法返回字典元素对的教程
2015/05/21 Python
Django跨域请求问题的解决方法示例
2018/06/16 Python
python使用magic模块进行文件类型识别方法
2018/12/08 Python
python自动保存百度盘资源到百度盘中的实例代码
2019/08/26 Python
pytorch下使用LSTM神经网络写诗实例
2020/01/14 Python
matplotlib 生成的图像中无法显示中文字符的解决方法
2020/06/10 Python
Django nginx配置实现过程详解
2020/09/10 Python
关于python3.9安装wordcloud出错的问题及解决办法
2020/11/02 Python
美国皮靴公司自1863年:The Frye Company
2016/11/30 全球购物
项目经理岗位职责
2013/11/11 职场文书
购房意向书
2014/04/01 职场文书
高中家长寄语
2014/04/02 职场文书
市政工程技术专业自荐书
2014/07/06 职场文书
工作说明书格式
2014/07/29 职场文书
中学生运动会通讯稿大全
2014/09/18 职场文书
2014副镇长民主生活会个人对照检查材料思想汇报
2014/09/30 职场文书
爱岗敬业事迹材料
2019/06/20 职场文书
如何用python识别滑块验证码中的缺口
2021/04/01 Python