欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用JS監(jiān)聽鍵盤按下事件(keydown event)

 更新時間:2019年11月07日 10:48:20   作者:風雨同舟z  
這篇文章主要介紹了使用JS監(jiān)聽鍵盤按下事件(keydown event),本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下

1、監(jiān)聽全局鍵盤按下事件,例如監(jiān)聽全局回車事件

$(document).keydown(function(event){
 if(event.keyCode == 13){
  alert('你按下了Enter'); 
 }
}); 

2、監(jiān)聽某個組件鍵盤按下事件,例如監(jiān)聽id為btn的button組件的回車按下事件

$("#btn").keydown(function(event){
 if(event.keyCode==13){
  alert('你按下了Enter');      
 }
});

3、如果是要監(jiān)聽組合鍵,例如監(jiān)聽ctrl+c

$(document).keyup(function(event){
  if(event.ctrlKey && event.keyCode==67){
    alert('你按下了CTRL+C')
  }
});

4、詳細keyCode值列表

 js keyup、keypress和keydown事件 詳解

js keyup、keypress和keydown事件都是有關(guān)于鍵盤的事件

當一個按鍵被pressed 或released在每一個現(xiàn)代瀏覽器中,都可能有三種客戶端事件。

keydown event
keypress event
keyup event

keydown事件發(fā)生在鍵盤的鍵被按下的時候,接下來觸發(fā)keypress事件。 keyup 事件在按鍵被釋放的時候觸發(fā)。

這三個事件在頁面中的使用方法如下例:

<input id="testkeyevent" name="testkeyevent" onKeyUp="keyup()" />
<input id="testkeyevent" name="testkeyevent" onkeypress="keypress()" />
<input id="testkeyevent" name="testkeyevent" onkeydown="keydown()" />

對應的js函數(shù):

function keyup(){ ...}
function keypress(){ ...}
function keydown(){ ...}

注意:

KeyDown觸發(fā)后,不一定觸發(fā)KeyUp,當KeyDown 按下后,拖動鼠標,那么將不會觸發(fā)KeyUp事件。
KeyPress主要用來捕獲數(shù)字(注意:包括Shift+數(shù)字的符號)、字母(注意:包括大小寫)、小鍵盤等除了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 不區(qū)分小鍵盤和主鍵盤的數(shù)字字符。
KeyDown 和KeyUp 區(qū)分小鍵盤和主鍵盤的數(shù)字字符。
其中PrScrn 按鍵KeyPress、KeyDown和KeyUp 都不能捕獲。

在使用鍵盤的時候,通常會使用到CTRL+SHIFT+ALT 類似的組合鍵功能。對于此,我們?nèi)绾蝸砼卸ǎ?/p>

通過KeyUp 事件能夠來處理(這里說明一下為什么不用KeyDown,因為在判定KeyDown的時候,CTRL、SHIFT和ALT 屬于一直按下狀態(tài),然后再加另外一個鍵是不能準確捕獲組合鍵,所以使用KeyDown 是不能準確判斷出的,要通過KeyUp 事件來判定 )

這里簡單的列舉出CTRL+其它鍵的組合判定代碼:

private void Form3_KeyUp(object sender, KeyEventArgs e){
if (e.Control){
MessageBox.Show("KeyUp:Ctrl+" + e.KeyValue.ToString());
}
}

捕獲PrScrn按鍵事件

通過一種鉤子的方式可以判定PrScrn 按鍵事件,鉤子可以獲取任何鍵盤事件。
以下是一些鍵盤上的鍵對應的Code:以下是一些鍵盤上的鍵對應的Code:

鍵盤按鍵 對應的數(shù)碼
backspace 8
tab 9
enter 13
shift 16
ctrl 17
alt 18
pause/break 19
caps lock 20
escape 27
page up 33
Space 32
page down 34
end 35
home 36
arrow left 37
arrow up 38
arrow right 39
arrow down 40
insert 45
delete 46
0 48
1 49
2 50
3 51
4 52
5 53
6 54
7 55
8 56
9 57
a 65
b 66
c 67
d 68
e 69
f 70
g 71
h 72
i 73
j 74
k 75
l 76
m 77
n 78
o 79
p 80
q 81
r 82
s 83
t 84
u 85
v 86
w 87
x 88
y 89
z 90
left window key 91
right window key 92
select key 93
numpad 0 96
numpad 1 97
numpad 2 98
numpad 3 99
numpad 4 100
numpad 5 101
numpad 6 102
numpad 7 103
numpad 8 104
numpad 9 105
multiply 106
add 107
subtract 109
decimal point 110
divide 111
f1 112
f2 113
f3 114
f4 115
f5 116
f6 117
f7 118
f8 119
f9 120
f10 121

總結(jié)

以上所述是小編給大家介紹的使用JS監(jiān)聽鍵盤按下事件(keydown event),希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!

相關(guān)文章

  • 解決js中的setInterval清空定時器不管用問題

    解決js中的setInterval清空定時器不管用問題

    這篇文章主要介紹了解決js中的setInterval清空定時器不管用問題,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2020-11-11
  • javascript:void(0)點擊登錄沒反應怎么解決

    javascript:void(0)點擊登錄沒反應怎么解決

    這篇文章給大家介紹javascript:void(0)點擊登錄沒反應怎么解決,解決辦法是巧用批處理解決IE不支持JavaScript等問題,需要的朋友參考下
    2015-11-11
  • js constructor的實際作用分析

    js constructor的實際作用分析

    大家討論下constructor的作用哈,需要的朋友可以參考下。從51js摘編而來。
    2011-11-11
  • javascript比較兩個日期相差天數(shù)的方法

    javascript比較兩個日期相差天數(shù)的方法

    這篇文章主要介紹了javascript比較兩個日期相差天數(shù)的方法,涉及javascript針對日期的轉(zhuǎn)換與數(shù)學運算相關(guān)技巧,非常簡單實用,需要的朋友可以參考下
    2015-07-07
  • JS array數(shù)組檢測方式解析

    JS array數(shù)組檢測方式解析

    這篇文章主要介紹了JS array數(shù)組檢測方式解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2020-05-05
  • 詳解webpack 如何集成第三方js庫

    詳解webpack 如何集成第三方js庫

    這篇文章主要介紹了詳解webpack 如何集成第三方js庫,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-06-06
  • JS使用post提交的兩種方式

    JS使用post提交的兩種方式

    這篇文章主要介紹了JS使用post提交的兩種方式,實例分析了兩種JavaScript使用post提交的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-12-12
  • 一文搞懂如何避免JavaScript內(nèi)存泄漏

    一文搞懂如何避免JavaScript內(nèi)存泄漏

    SPA的興起,促使我們更加關(guān)注與內(nèi)存相關(guān)的JavaScript編碼實踐。如果應用使用的內(nèi)存越來越多,就會嚴重影響性能,甚至導致瀏覽器的崩潰。下面就來看看JavaScript中常見的內(nèi)存泄漏以及如何避免內(nèi)存泄漏
    2022-05-05
  • js實現(xiàn)新浪微博首頁效果

    js實現(xiàn)新浪微博首頁效果

    現(xiàn)在微博都有一個不錯的效果就是會實時的動態(tài)滾動并顯示最新的信息了,下面我來給大家介紹仿新浪微博大廳首頁滾動效果,希望此方法對大家會有幫助。
    2015-10-10
  • JS畫線(實例代碼)

    JS畫線(實例代碼)

    這篇文章主要是對JS畫線的實例代碼進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2013-11-11

最新評論