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匿名函数的一种应用 代码封装
Jun 27 Javascript
去掉gridPanel表头全选框的小例子
Jul 18 Javascript
js实现单行文本向上滚动效果实例代码
Nov 28 Javascript
html的DOM中document对象images集合用法实例
Jan 21 Javascript
分享12个非常实用的JavaScript小技巧
May 11 Javascript
jQuery 插件封装的方法
Nov 16 Javascript
ES6新特性之Object的变化分析
Mar 31 Javascript
解决Vue2.0自带浏览器里无法打开的原因(兼容处理)
Jul 28 Javascript
Vue三层嵌套路由的示例代码
May 05 Javascript
Layui 设置select下拉框自动选中某项的方法
Aug 14 Javascript
Vue cli构建及项目打包以及出现的问题解决
Aug 27 Javascript
详解Vue中组件的缓存
Apr 20 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
thinkphp循环结构用法实例
2014/11/24 PHP
整理php防注入和XSS攻击通用过滤
2015/09/13 PHP
PHP命名空间和自动加载类
2016/04/03 PHP
详解php中 === 的使用
2016/10/24 PHP
PHP添加PNG图片背景透明水印操作类定义与用法示例
2019/03/12 PHP
自己整理的一个javascript日期处理函数
2010/10/16 Javascript
深入Javascript函数、递归与闭包(执行环境、变量对象与作用域链)使用详解
2013/05/08 Javascript
纯JS实现根据CSS的class选择DOM
2014/03/22 Javascript
JavaScript定义变量和变量优先级问题探讨
2014/10/11 Javascript
jQuery多条件筛选如何实现
2015/11/04 Javascript
Bootstrap被封装的弹层
2016/07/20 Javascript
Vue2.x中的父组件传递数据至子组件的方法
2017/05/01 Javascript
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 KG VS OG
2018/03/30 DOTA
用C++封装MySQL的API的教程
2015/05/06 Python
Python实现的堆排序算法原理与用法实例分析
2017/11/22 Python
一道python走迷宫算法题
2018/01/22 Python
pygame游戏之旅 计算游戏中躲过的障碍数量
2018/11/20 Python
python获取当前文件路径以及父文件路径的方法
2019/07/10 Python
python打印直角三角形与等腰三角形实例代码
2019/10/20 Python
Python浮点数四舍五入问题的分析与解决方法
2019/11/19 Python
Python selenium抓取虎牙短视频代码实例
2020/03/02 Python
python torch.utils.data.DataLoader使用方法
2020/04/02 Python
Django框架配置mysql数据库实现过程
2020/04/22 Python
Python通过字典映射函数实现switch
2020/11/06 Python
英国最大的网上药品商店:Chemist Direct
2017/12/16 全球购物
奥地利领先的在线药房:SHOP APOTHEKE
2019/10/07 全球购物
物业门卫岗位职责
2013/12/28 职场文书
经销商订货会主持词
2014/03/27 职场文书
优秀少先队辅导员先进事迹材料
2014/05/18 职场文书
公司的门卫岗位职责
2014/09/09 职场文书
群众路线班子对照检查材料
2014/09/25 职场文书
自荐信格式范文
2015/03/04 职场文书
解决numpy和torch数据类型转化的问题
2021/05/23 Python
Golang中异常处理机制详解
2021/06/08 Golang
Python pandas之求和运算和非空值个数统计
2021/08/07 Python
ConditionalOnProperty配置swagger不生效问题及解决
2022/06/14 Java/Android