摘要:適用標簽所有觸發條件單擊適用標簽所有觸發條件雙擊適用標簽觸發條件失去焦點適用標簽觸發條件獲取焦點適用標簽觸發條件更新輸入框的內容改變并不代表的值更新。如果按一個鍵很久才松開,發生的事件為。
ngClick
適用標簽:所有
觸發條件:單擊
#htmlngDblclick#script angular.module("learnModule", []) .controller("LearnCtrl", function ($scope) { $scope.click = function () { alert("click"); } });click me
適用標簽:所有
觸發條件:雙擊
#htmlngBlur#script angular.module("learnModule", []) .controller("LearnCtrl", function ($scope) { $scope.dblclick = function () { alert("click"); } });click me
適用標簽:
a
input
select
textarea
觸發條件:失去焦點
#html #script angular.module("learnModule", []) .controller("LearnCtrl", function ($scope) { $scope.blur = function () { alert("blur"); } });ngFocus
適用標簽:
a
input
select
textarea
觸發條件:獲取焦點
#html #script angular.module("learnModule", []) .controller("LearnCtrl", function ($scope) { $scope.focus= function () { alert("focus"); } });ngChange
適用標簽:input
觸發條件:model更新
輸入框的內容改變并不代表model的值更新。按我的理解,一般當兩個狀態互相切換時,model值會更新。兩個狀態我稱之為合法狀態和不合法狀態。
不合法的狀態:輸入的內容不符合type類型,如email類型。輸入的內容不符合校驗條件,如ngMinlength。不合法的狀態下,model會被更新成undefined。
合法的狀態:輸入的內容是符合類型和校驗條件的。
#html#script angular.module("learnModule", []) .controller("LearnCtrl", function ($scope) { //$scope.text=""; $scope.change = function () { alert("change"); } });
初始化和不初始化text的條件下,change觸發是不一樣的哦,這里涉及到model初始化和更新機制。
ngCopy適用標簽:
a
input
select
textarea
官方api上說使用的標簽是這些,我沒明白a和select復制有啥子用。另外,我換個div實際上也能觸發copy事件。一般常用的就是input和textarea。
觸發條件:復制。鼠標右鍵復制和快捷鍵Ctrl+C都會觸發。
#htmlngCut#script angular.module("learnModule", []) .controller("LearnCtrl", function ($scope) { $scope.copy = function () { alert("copy"); } });
適用標簽:
a
input
select
textarea
觸發條件:剪切。鼠標右鍵剪切和快捷鍵Ctrl+X都會觸發。
#htmlngPaste#script angular.module("learnModule", []) .controller("LearnCtrl", function ($scope) { $scope.cut = function () { alert("cut"); } });
適用標簽:
a
input
select
textarea
觸發條件:粘貼。鼠標右鍵粘貼和快捷鍵Ctrl+V都會觸發。
#htmlngKeydown#script angular.module("learnModule", []) .controller("LearnCtrl", function ($scope) { $scope.paste = function () { alert("paste"); } });
適用標簽:所有
個人感覺還是input和textarea比較常用
觸發條件:鍵盤按鍵按下
要把$event傳過去,一般都是要判斷按了哪個按鍵的。
#htmlngKeyup#script angular.module("learnModule", []) .controller("LearnCtrl", function ($scope) { $scope.keydown = function ($event) { alert($event.keyCode); } });
適用標簽:所有
個人感覺還是input和textarea比較常用
觸發條件:鍵盤按鍵按下并松開
#htmlngKeypress#script angular.module("learnModule", []) .controller("LearnCtrl", function ($scope) { $scope.keyup = function ($event) { alert($event.keyCode); } });
適用標簽:所有
個人感覺還是input和textarea比較常用
觸發條件:鍵盤按鍵按下
#htmlkeydown,keypress,keydown三者區別 引發事件的按鍵#script angular.module("learnModule", []) .controller("LearnCtrl", function ($scope) { $scope.keypress = function ($event) { alert($event.keyCode); } });
非字符鍵不會引發 KeyPress 事件,但非字符鍵卻可以引發 KeyDown 和 KeyUp 事件。
事件引發的時間KeyDown 和 KeyPress 事件在按下鍵時發生,KeyUp 事件在釋放鍵時發生。
事件發生的順序KeyDown -> KeyPress -> KeyUp。如果按一個鍵很久才松開,發生的事件為:KeyDown -> KeyPress -> KeyDown -> KeyPress -> KeyDown -> KeyPress -> ... -> KeyUp。
KeyDown觸發后,不一定觸發KeyUp,當KeyDown 按下后,拖動鼠標,那么將不會觸發KeyUp事件。
KeyPress主要用來捕獲數字(注意:包括Shift+數字的符號)、字母(注意:包括大小寫)、小鍵盤等除了F1-12、SHIFT、Alt、Ctrl、Insert、Home、PgUp、Delete、End、PgDn、ScrollLock、Pause、NumLock、{菜單鍵}、{開始鍵}和方向鍵外的ANSI字符。
KeyDown 和KeyUp 通常可以捕獲鍵盤除了PrScrn所有按鍵(這里不討論特殊鍵盤的特殊鍵)。
KeyPress 只能捕獲單個字符。
KeyDown 和KeyUp 可以捕獲組合鍵。
KeyPress 可以捕獲單個字符的大小寫。
KeyDown和KeyUp 對于單個字符捕獲的KeyValue 都是一個值,也就是不能判斷單個字符的大小寫。
KeyPress 不區分小鍵盤和主鍵盤的數字字符。
KeyDown 和KeyUp 區分小鍵盤和主鍵盤的數字字符。
其中PrScrn 按鍵KeyPress、KeyDown和KeyUp 都不能捕獲。
ngMousedown適用標簽:所有
觸發條件:鼠標按下,左右中間按下都會觸發
#htmlngMouseup#script angular.module("learnModule", []) .controller("LearnCtrl", function ($scope) { $scope.mousedown = function ($event) { alert($event.which); } });
適用標簽:所有
觸發條件:鼠標按下彈起,左右中間按下彈起都會觸發
#htmlngMouseenter#script angular.module("learnModule", []) .controller("LearnCtrl", function ($scope) { $scope.mouseup = function ($event) { alert($event.which); } });
適用標簽:所有
觸發條件:鼠標進入
#htmlngMouseleave#script angular.module("learnModule", []) .controller("LearnCtrl", function ($scope) { $scope.mouseenter = function () { alert("mouseenter"); } });
適用標簽:所有
觸發條件:鼠標離開
#htmlngMousemove#script angular.module("learnModule", []) .controller("LearnCtrl", function ($scope) { $scope.mouseleave = function () { alert("mouseleave"); } });
適用標簽:所有
觸發條件:鼠標移動
#htmlngMouseover#script angular.module("learnModule", []) .controller("LearnCtrl", function ($scope) { $scope.mousemove = function () { alert("mousemove"); } });
適用標簽:所有
觸發條件:鼠標進入
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/85583.html
摘要:引言指令可以說是的核心,而其開發也是比較困難的,本文主要介紹指令的一些參數和的綁定策略。指令執行的優先級,用于多個指令同時作用于同一個元素時。改變父會影響指令,而改變指令不會影響父。在父和指令之間建立雙向綁定。 引言 指令(Directive)可以說是 AngularJS 的核心,而其開發也是比較困難的,本文主要介紹指令的一些參數和scope的綁定策略。 參數 從 AngularJS ...
摘要:首先,我們需要在入口頁面的中配置根路徑然后創建一個路由模塊路由配置在主模塊中導入配置好的路由模塊而在頁面中需要一個容器去承載上面代碼中的定義了用戶點擊后的路由跳轉,定義該路由激活時的樣式類。 剛實習的時候用過AngularJS,那時候真的是連原生JavaScript都不會寫,依樣畫葫蘆做了幾個管理后臺。然后突然換項目了,AngularJS就不寫了,感覺前前后后接觸了一年多的Angula...
摘要:自定義指令中有很多內置指令,一般都是以開頭的比如等等。本文介紹的自定義指令的用法。該參數的意思是替換指令的內容,更改上面的例子。將屬性綁定到父控制器的域中學習概念多指令中的參數中增加了的值和的點擊函數。 自定義指令 angularjs中有很多內置指令,一般都是以ng開頭的;比如:ng-app,ng-click,ng-repeat等等。本文介紹angularjs的自定義指令的用法。 指令...
摘要:自定義指令中有很多內置指令,一般都是以開頭的比如等等。本文介紹的自定義指令的用法。該參數的意思是替換指令的內容,更改上面的例子。將屬性綁定到父控制器的域中學習概念多指令中的參數中增加了的值和的點擊函數。 自定義指令 angularjs中有很多內置指令,一般都是以ng開頭的;比如:ng-app,ng-click,ng-repeat等等。本文介紹angularjs的自定義指令的用法。 指令...
摘要:點擊我啊當屬性為空時,點擊的時候頁面不會刷新了,我們再也不需要這樣寫了點擊我啊一般和指令結合使用點擊我啊你點擊我了一般和標簽結合使用。使用了就就可以避免出現這種問題。如果鏈接中有表達式,就使用代替 a 點擊我啊 當href屬性為空時,點擊的時候頁面不會刷新了,我們再也不需要這樣寫了 點擊我啊 一般和ng-click指令結合使用 #html 點擊我啊 #scr...
閱讀 1802·2021-11-24 09:39
閱讀 2290·2021-09-30 09:47
閱讀 4144·2021-09-22 15:57
閱讀 1873·2019-08-29 18:36
閱讀 3577·2019-08-29 12:21
閱讀 590·2019-08-29 12:17
閱讀 1263·2019-08-29 11:25
閱讀 724·2019-08-28 18:26