jQuery 3 jQuery鍵盤事件

2021-08-28 13:47:34 字數 1649 閱讀 5996

- keydown

在鍵盤上按下某鍵時發生,一直按著則會不斷觸發(opera瀏覽器除外),它返回的是鍵盤**;
- keyup

使用者鬆開某乙個按鍵時觸發,與keydown相對,返回鍵盤**.
- keypress

在鍵盤上按下乙個按鍵,並產生乙個字元時發生, 返回ascii碼。注意: shift、alt、ctrl等鍵按下並不會產生字元,所以監聽無效,換句話說,只有按下能在螢幕上輸出字元的按鍵時keypress事件才會觸發。若一直按著某按鍵則會不斷觸發。
經常配合這些方法使用的是which屬性

which

which 屬性指示按了哪個鍵或按鈕。

乙個demo,熟悉keydown,keyup,keypress和which的聯絡。

jquery鍵盤事件學習title

>

name

="viewport"

content

="width=device-width, initial-scale=1"

>

src=

"">

script

>

>

$(document)

.ready

(function()

);$(

"body").

keyup

(function

(event));

$("body").

keypress

(function

(event));

})script

>

>

#main

#left,#right

#left,#right

#right

style

>

head

>

>

"main"

>

"left"

>

div>

"right"

>

div>

div>

body

>

html

>

按幾個字元鍵位測試

width="100%" height="300" scrolling="no" title="jquery鍵盤事件" src="" allowfullscreen="true">see the pen

jquery鍵盤事件 by 練濤 (

@liantao) on

codepen.

see the pen jquery鍵盤事件 by 練濤 (@liantao) on codepen.

jquery鍵盤事件

基本鍵盤事件 1 keydown keydown事件會在鍵盤按下時觸發.2 keyup keyup事件會在按鍵釋放時觸發,也就是你按下鍵盤起來後的事件 3 keypress keypress事件會在敲擊按鍵時觸發,我們可以理解為按下並抬起同乙個按鍵 二 獲得鍵盤上對應的ascii碼 document...

jquery鍵盤事件

jquery處理鍵盤事件有三個函式,根據事件發生的順序分別是 keydown keyup keypress keydown keydown事件會在鍵盤按下時觸發,可以在繫結的函式中歐能夠返回false來防止觸發瀏覽器的預設事件.keyup keyup事件會在按鍵釋放時觸發,也就是你按下鍵盤起來後的事...

jQuery 鍵盤事件

keydown 鍵盤按下乙個鍵 只發生在具有焦點的元素上,適合於表單元素 keypress,在敲擊鍵盤時候觸發 可以理解為按下並抬起同乙個鍵 keyup,按鍵件釋放的時候被觸發 按下並抬起同乙個鍵 常用的鍵盤按鍵對應 backspa 8 tab 9 clear 12 enter 13 shift 1...