快捷導(dǎo)航

AngularJS基礎(chǔ) ng-keydown 指令簡單示例

更新時間：2016年08月02日 09:24:26 投稿：lqh

本文主要介紹AngularJS ng-keydown 指令,在這里幫大家整理了ng-keydown 指令的基礎(chǔ)資料,并附有代碼,有需要的朋友可以參考下

AngularJS ng-keydown 指令

AngularJS 實例

按下按鍵時執(zhí)行的代碼:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">

<input ng-keydown="count = count + 1" ng-init="count=0" />

<h1>{{count}}</h1>

<p>該實例在輸入框每次按下按鍵時，計算變量 "count" 會自動加 1。</p>

</body>
</html>

定義和用法

ng-keydown 指令用于告訴 AngularJS 在指定 HTML 元素上按下按鍵時需要的操作。

ng-keydown 指令不會覆蓋元素的原生 onkeydown 事件, 事件觸發(fā)時，ng-keydown 表達式與原生的 onkeydown 事件將都會執(zhí)行。

按鍵敲擊的事件順序:

1.Keydown

2.Keypress

3.Keyup

語法

<input>, <select>, <textarea>, 和其他可編輯元素支持該指令。

參數(shù)值

值	描述
expression	按下按鍵執(zhí)行的表達式。

您可能感興趣的文章:

相關(guān)文章

基于AngularJS的拖拽文件上傳的實例代碼
本篇文章主要介紹了基于AngularJS的拖拽上傳的實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07
Angular4實現(xiàn)鼠標懸停3d傾斜效果
這篇文章主要介紹了Angular4實現(xiàn)鼠標懸停3d傾斜效果，非常不錯，具有參考借鑒價值,需要的朋友可以參考下
2017-10-10
angular.js4使用 RxJS 處理多個 Http 請求
本篇文章主要介紹了angular.js使用 RxJS 處理多個 Http 請求，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
angular.bind使用心得
這篇文章主要介紹了angular.bind使用心得，以及個人對于angular.bind的理解，這里分享給大家，希望大家能夠喜歡。
2015-10-10
詳解Angular的8個主要構(gòu)造塊
Angular 主要分為八大構(gòu)造塊（也就是八個核心概念）：模塊、組件、模板、元數(shù)據(jù)、數(shù)據(jù)綁定、指令、服務(wù)、依賴注入。有興趣的可以了解一下
2017-06-06
Angular中的$watch方法詳解
本文通過實例代碼給大家介紹了Angular中的$watch方法，包括$watch簡介及基本用法，需要的朋友參考下吧
2017-09-09
Angular2之二級路由詳解
今天小編就為大家分享一篇Angular2之二級路由詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
jquery操作angularjs對象
這篇文章主要介紹了jquery操作angularjs對象的相關(guān)資料,需要的朋友可以參考下
2015-06-06
angular基于ng-alain定義自己的select組件示例
這篇文章主要介紹了angular基于ng-alain定義自己的select組件示例,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-02-02
angular異步驗證器防抖實例詳解
在實際工作中,我們經(jīng)常需要一個基于后端API驗證值的驗證器,下面這篇文章主要給大家介紹了關(guān)于angular異步驗證器防抖的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下
2022-03-03