摘要：把當中涉及事件的屬性整理一下，此文檔是基于英文文檔整理的。約定此文中表示屬性名。用法參數(shù)參數(shù)類型詳情提交表單時，表達式被觸發(fā)事件對象與一樣可獲得綜合實例代碼代碼地址如有問題，請指正。
把Angularjs當中涉及DOM事件的屬性整理一下，此文檔是基于1.4.8英文文檔整理的。
約定：
此文中ngXxx表示ng-xxx屬性名。
ngBlur
用法
...
參數(shù)
| 參數(shù) |
類型 |
詳情 |
| ngBlur |
expression |
表達式將在失去焦點時被觸發(fā)（事件對象與$event一樣可獲得） |
ngFocus
用法
...
參數(shù)
| 參數(shù) |
類型 |
詳情 |
| ngFocus |
expression |
表達在獲得焦點時被觸發(fā)（事件對象與$event一樣可獲得） |
ngChange
用法
...
參數(shù)
| 參數(shù) |
類型 |
詳情 |
| ngChange |
expression |
表達式將在input控件被改變時觸發(fā) |
ngChecked
用法
...
參數(shù)
| 參數(shù) |
類型 |
詳情 |
| ngChecked |
expression |
如果表達式為真，那么就會在元素上設(shè)置checked屬性 |
ngClick
用法
...
參數(shù)
| 參數(shù) |
類型 |
詳情 |
| ngClick |
expression |
當被點擊的時候觸發(fā)表達式（事件對象與$event一樣可獲得） |
ngKeydown/ngKeypress/ngKeyup
用法
...
...
...
參數(shù)
| 參數(shù) |
類型 |
詳情 |
| ngKeydown |
expression |
表達式在按鍵按下時被觸發(fā)（事件對象與$event一樣可獲得，并且可以查詢keyCode, altKey等） |
| ngKeypress |
expression |
表達式在按鍵按下時被觸發(fā)（事件對象與$event一樣可獲得，并且可以查詢keyCode, altKey等） |
| ngKeyup |
expression |
表達式在按鍵釋放時被觸發(fā)（事件對象與$event一樣可獲得，并且可以查詢keyCode, altKey等） |
ngMousedown/ngMouseup
用法
...
...
參數(shù)
| 參數(shù) |
類型 |
詳情 |
| ngMousedown |
expression |
表達式在鼠標按下時被觸發(fā)（事件對象與$event一樣可獲得） |
| ngMouseup |
expression |
表達式在鼠標釋放時被觸發(fā)（事件對象與$event一樣可獲得） |
ngMouseenter/ngMousemove
用法
...
...
參數(shù)
| 參數(shù) |
類型 |
詳情 |
| ngMouseenter |
expression |
表達式在鼠標進入元素時被觸發(fā)（事件對象與$event一樣可獲得） |
| ngMousemove |
expression |
表達式在鼠標在元素上移動時被觸發(fā)（事件對象與$event一樣可獲得） |
ngMouseover/ngMouseleave
用法
...
...
參數(shù)
| 參數(shù) |
類型 |
詳情 |
| ngMouseover |
expression |
表達式在鼠標穿過元素時被觸發(fā)（事件對象與$event一樣可獲得） |
| ngMouseleave |
expression |
表達式在鼠標離開時被觸發(fā)（事件對象與$event一樣可獲得） |
ngSelected
用法
參數(shù)
| 參數(shù) |
類型 |
詳情 |
| ngSelected |
expression |
表達式為真時，selected屬性將被設(shè)置在元素上。 |
ngSubmit
用法
參數(shù)
| 參數(shù) |
類型 |
詳情 |
| ngSubmit |
expression |
提交表單時，表達式被觸發(fā)（事件對象與$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/
如有問題，請指正。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/78796.html
