js監聽鍵盤事件

2021-08-20 16:35:52 字數 2705 閱讀 7865

一、 監聽全域性鍵盤按下事件,例如監聽全域性回車事件 (d

ocum

ent)

.key

down

(fun

ctio

n(ev

ent)

if(e

vent

.key

code

==13)a

lert

(『你按

下了en

ter′

););

二、監聽

某個元件

鍵盤按下

事件:如

butt

on按鈕

( do

cume

nt).

keyd

own(

func

tion

(eve

nt)i

f(ev

ent.

keyc

ode==

13)al

ert(

『你按下

了ent

er′)

;);二

、監聽某

個元件鍵

盤按下事

件:如b

utto

n按

鈕(「#butn」).keydown(function(e)

});

三、監聽組合鍵

$(document).keydown(function(e)

});

四、監聽鍵盤按下事件:

1、keydown:使用者在鍵盤上按下某按鍵是發生。一直按著某按鍵則會不斷觸發

2、keypress:使用者按下乙個按鍵,並產生乙個字元時發生(也就是不管類似shift、 alt、ctrl之類的鍵,就是說使用者按了乙個能在螢幕上輸出字元的按鍵keypress事件才會觸發)。一直按著某按鍵則會不斷觸發。

3、keyup:使用者釋放某乙個按鍵是觸發

在所有瀏覽器中 onkeypress 事件不是適用於所有按鍵(如: alt, ctrl, shift, esc)。監聽乙個使用者是否按下按鍵請使用 onkeydown 事件,所有瀏覽器都支援 onkeydown 事件。

五、對應的on家族:onkeyup 、onkeydown、onkeypress

keyup方法等和onkeyup事件的相同和區別:

1.相同:執行的效果的都是一樣的

2.區別:keyup()只是乙個獲取onkeyup事件的方法 ;onkeyup才是乙個事件

事件是你通過某種動作觸發的,比如單擊、雙擊、滑鼠劃過等等。。。

方法是代表它對乙個事情的處理,比如show(),我可以在觸發單擊事件的時候呼叫show(),也可以在雙擊的時候呼叫

addeventlistener給乙個事件註冊多個***

element.addeventlistener(, , );

element.removeeventlistener(, , );

字母和數字鍵的鍵碼值(keycode)

按鍵 鍵碼 按鍵 鍵碼 按鍵 鍵碼 按鍵 鍵碼

a 65 j 74 s 83 1 49

b 66 k 75 t 84 2 50

c 67 l 76 u 85 3 51

d 68 m 77 v 86 4 52

e 69 n 78 w 87 5 53

f 70 o 79 x 88 6 54

g 71 p 80 y 89 7 55

h 72 q 81 z 90 8 56

i 73 r 82 0 48 9 57

數字鍵盤上的鍵的鍵碼值(keycode) 功能鍵鍵碼值(keycode)

按鍵 鍵碼 按鍵 鍵碼 按鍵 鍵碼 按鍵 鍵碼

0 96 8 104 f1 112 f7 118

1 97 9 105 f2 113 f8 119

2 98 * 106 f3 114 f9 120

3 99 + 107 f4 115 f10 121

4 100 enter 108 f5 116 f11 122

5 101 - 109 f6 117 f12 123

6 102 . 110        

7 103 / 111        

控制鍵鍵碼值(keycode)

按鍵 鍵碼 按鍵 鍵碼 按鍵 鍵碼 按鍵 鍵碼

backspace 8 esc 27 right arrow 39 -_ 189

tab 9 spacebar 32 dw arrow 40 .> 190

clear 12 page up 33 insert 45 /? 191

enter 13 page down 34 delete 46 `~ 192

shift 16 end 35 num lock 144 [ 221

cape lock 20 up arrow 38 ,< 188 『」 222

多**鍵碼值(keycode)

按鍵 鍵碼 按鍵 鍵碼 按鍵 鍵碼 按鍵 鍵碼

音量加 175            

音量減 174            

停止 179            

靜音 173            

瀏覽器 172            

郵件 180            

搜尋 170            

收藏 171

JS監聽鍵盤組合事件

今天看到乙個需求,要是使用alt a快捷鍵實現某個功能。keydown keyup keypress都可以監聽鍵盤事件。他們之間的區別在於 document.addeventlistener keydown e document.addeventlistener keypress e documen...

JS監聽鍵盤點選事件

字母和數字鍵的鍵碼值 keycode 按鍵鍵碼 按鍵鍵碼 按鍵鍵碼 按鍵鍵碼a65 j74s83 149b66 k75t84 250c67 l76u85 351d68 m77v86 452e69 n78w87 553f70 o79x88 654g71 p80y89 755h72 q81z90 856...

Flex 監聽鍵盤事件

flex 監聽鍵盤事件 2010 05 19 10 15 一 說明 1 只有當監聽的物件獲取焦點後,才能出接收到keyboardevent.key down event。二例子為應用程式的stage或元件的keydown事件新增 讀取keyboardevents的keycode屬性。使用keydow...