摘要：把当中涉及事件的属性整理一下，此文档是基于英文文档整理的。约定此文中表示属性名。用法参数参数类型详情提交表单时，表达式被触发事件对象与一样可获得综合实例代码代码地址如有问题，请指正。
把Angularjs当中涉及DOM事件的属性整理一下，此文档是基于1.4.8英文文档整理的。
约定：
此文中ngXxx表示ng-xxx属性名。
ngBlur
用法
...
参数
| 参数 |
类型 |
详情 |
| ngBlur |
expression |
表达式将在失去焦点时被触发（事件对象与$event一样可获得） |
ngFocus
用法
...
参数
| 参数 |
类型 |
详情 |
| ngFocus |
expression |
表达在获得焦点时被触发（事件对象与$event一样可获得） |
ngChange
用法
...
参数
| 参数 |
类型 |
详情 |
| ngChange |
expression |
表达式将在input控件被改变时触发 |
ngChecked
用法
...
参数
| 参数 |
类型 |
详情 |
| ngChecked |
expression |
如果表达式为真，那么就会在元素上设置checked属性 |
ngClick
用法
...
参数
| 参数 |
类型 |
详情 |
| ngClick |
expression |
当被点击的时候触发表达式（事件对象与$event一样可获得） |
ngKeydown/ngKeypress/ngKeyup
用法
...
...
...
参数
| 参数 |
类型 |
详情 |
| ngKeydown |
expression |
表达式在按键按下时被触发（事件对象与$event一样可获得，并且可以查询keyCode, altKey等） |
| ngKeypress |
expression |
表达式在按键按下时被触发（事件对象与$event一样可获得，并且可以查询keyCode, altKey等） |
| ngKeyup |
expression |
表达式在按键释放时被触发（事件对象与$event一样可获得，并且可以查询keyCode, altKey等） |
ngMousedown/ngMouseup
用法
...
...
参数
| 参数 |
类型 |
详情 |
| ngMousedown |
expression |
表达式在鼠标按下时被触发（事件对象与$event一样可获得） |
| ngMouseup |
expression |
表达式在鼠标释放时被触发（事件对象与$event一样可获得） |
ngMouseenter/ngMousemove
用法
...
...
参数
| 参数 |
类型 |
详情 |
| ngMouseenter |
expression |
表达式在鼠标进入元素时被触发（事件对象与$event一样可获得） |
| ngMousemove |
expression |
表达式在鼠标在元素上移动时被触发（事件对象与$event一样可获得） |
ngMouseover/ngMouseleave
用法
...
...
参数
| 参数 |
类型 |
详情 |
| ngMouseover |
expression |
表达式在鼠标穿过元素时被触发（事件对象与$event一样可获得） |
| ngMouseleave |
expression |
表达式在鼠标离开时被触发（事件对象与$event一样可获得） |
ngSelected
用法
参数
| 参数 |
类型 |
详情 |
| ngSelected |
expression |
表达式为真时，selected属性将被设置在元素上。 |
ngSubmit
用法
参数
| 参数 |
类型 |
详情 |
| ngSubmit |
expression |
提交表单时，表达式被触发（事件对象与$event一样可获得） |
综合实例
html代码
js代码
angular.module("myapp", [])
.controller("formCtrl", function($scope) {
$scope.change = "change me";
$scope.changeStatus = "no change";
$scope.isStatus = false;
$scope.option = false;
$scope.changeEvent = function() {
$scope.changeStatus = "be changed";
}
$scope.btnClickChangeCheckboxEvent = function() {
$scope.isStatus = !$scope.isStatus;
}
});
DEMO地址：https://jsfiddle.net/Lionney/vLkoz9d3/
如有问题，请指正。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/78796.html
