js 鍵盤點選事件

2022-07-03 08:15:10 字數 1855 閱讀 4309

回車鍵(enter)的觸發事件  js **如下:

document.onkeydown = function

(e)

}

鍵盤事件順便做下測試demo:

1

doctype html

>

2<

html

lang

="en"

>

3<

head

>

4<

meta

charset

="utf-8"

>

5<

title

>鍵盤事件測試

title

>

6<

style

>7*

11body,html

16.img

21style

>

22head

>

23<

body

>

24<

img

src="img/right.png"

alt=""

class

="img"

id="img"

>

25<

script

>

26window.onload

=function

()37

else

if(e.keycode

==38

||e.keycode

==87)40

else

if(e.keycode

==39

||e.keycode

==68)43

else

if(e.keycode

==40

||e.keycode

==83)46

}47document.onkeyup

=function

()50

vartimer

=setinterval(

function

()69

if(img.offsetleft

<=0)

72if

(img.offsettop

<=0)

75if

(img.offsetleft

>=

width

-img.offsetwidth)

78if

(img.offsettop

>=

height

-img.offsetheight)

81},

10);

82//

獲取頁面可視區寬高 相容所有瀏覽器 (簡寫)

83function

getwidth()

86function

getheight()

89//

獲取頁面可視區寬高 相容所有瀏覽器

90//

function getwidth()

94//

else

98//

else

101//

}102//}

103//

function getheight()

107//

else

111//

else

114//

}115//}

116}

117script

>

118body

>

119html

>

四個小坦克如下;

JS監聽鍵盤點選事件

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

撥號盤點選事件

private edittext keyinputedittext keyinputedittext edittext view.findviewbyid r.id.key input textedit keyinputedittext.addtextchangedlistener this key...

js 各種事件 如 點選事件 失去焦點 鍵盤事件等

事件驅動 我們點選按鈕 按鈕去掉用相應的方法。demo function func 事件 onclick 點選 onblur 失去焦點 onfocus 得到焦點 onkeydown 按下鍵盤 onkeyup 鬆開鍵盤 onkepress 按住鍵盤 onmousedown 按下滑鼠 onmouseup...