Angular 学习系列 - - 键盘事件和鼠标事件
2016-02-15 00:00
190 查看
ngKeydown/ngKeypress/ngKeyup
该指令在按键按下/按键按下/按键松开时执行指定表达式。
ngKeydown和ngKeypress略有不同,目前的测试是ngKeypress针对系统按键是无效的,而ngKeydown可以。
ngKeyup指令在按键松开的时候执行。
使用代码:
ngMousedown/ngMouseenter/ngMouseleave/ngMousemove/ngMouseover/ngMouseup
该指令在鼠标按下/鼠标进入/鼠标离开/鼠标移动/鼠标在上面/鼠标松开时执行指定表达式。
使用代码:
该指令在按键按下/按键按下/按键松开时执行指定表达式。
ngKeydown和ngKeypress略有不同,目前的测试是ngKeypress针对系统按键是无效的,而ngKeydown可以。
ngKeyup指令在按键松开的时候执行。
使用代码:
<input ng-keydown="count = count + 1" ng-init="count=0">{{count}} <input ng-keypress="count = count + 1" ng-init="count=0">{{count}} <input ng-keyup="count = count + 1" ng-init="count=0">{{count}}
ngMousedown/ngMouseenter/ngMouseleave/ngMousemove/ngMouseover/ngMouseup
该指令在鼠标按下/鼠标进入/鼠标离开/鼠标移动/鼠标在上面/鼠标松开时执行指定表达式。
使用代码:
<button ng-mousedown="count = count + 1" ng-init="count=0">on mouse down</button>{{count}} <button ng-mouseenter="count = count + 1" ng-init="count=0">when mouse enter</button>{{count}} <button ng-mouseleave="count = count + 1" ng-init="count=0">when mouse leave</button>{{count}} <button ng-mousemove="count = count + 1" ng-init="count=0">when mouse move</button>{{count}} <button ng-mouseover="count = count + 1" ng-init="count=0">when mouse is over</button>{{count}} <button ng-mouseup="count = count + 1" ng-init="count=0">on mouse up</button>{{count}}
相关文章推荐
- Angular 学习系列 - - ngReadonly、ngSelected、ngDisabled
- Angular 学习系列 - - ngChange、ngChecked、ngClick、ngDblclick
- Angular 学习系列 - - ngRoute Angular自带的路由
- Angular 学习系列 - - $animate 让交互动起来
- Angular 学习系列 - - $cacheFactory
- Angular 学习系列 - - ngInclude、ngTransclude
- Angular 学习系列 - - 脏值检查及其相关
- Angular 学习系列 - - form.FormController、ngModel.NgModelController
- Angular 学习系列 - - $interval 和 $timeout
- Angular 学习系列 - - ngIf、ngSwitch、ngHide/ngShow
- Angular 学习系列 - - ngCsp、ngFocus、ngBlur、ngForm
- Angular 学习系列 - - angular.injector、angular.module
- Angular 学习系列 - - $compile编译服务与指令
- angularjs 路由切换
- 详解Javacript和AngularJS中的Promises
- 详解Javacript和AngularJS中的Promises
- [AngularJS + RxJS] Search with RxJS
- Javacript和AngularJS中的Promises
- 初识AngularJS
- Angularjs全局变量被作用域监听的正确姿势