摘要：把當中涉及事件的屬性整理一下，此文檔是基于英文文檔整理的。約定此文中表示屬性名。用法參數參數類型詳情提交表單時，表達式被觸發事件對象與一樣可獲得綜合實例代碼代碼地址如有問題，請指正。
把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/
如有問題，請指正。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/78796.html
