常用鍵盤事件

2022-08-02 16:24:12 字數 1531 閱讀 5671

注意:1) onkeydown 和 onkeyup 不區分字母大小寫(得到的是大寫字母的ascii碼),onkeypress 區分字母大小寫。

2)在我們實際開發中,我們更多的使用keydown和keyup,它能識別所有的鍵 (包括功能鍵)

3) keypress 不識別功能鍵,但是 keypress 的 keycode屬效能區分大小寫,返回不同的ascii值

使用keycode屬性判斷使用者按下哪個鍵

當我們按下 s 鍵, 游標就定位到搜尋框(文字框獲得焦點)。

注意:觸發獲得焦點事件,可以使用 元素物件.focus()

// 獲取輸入框

var search = document.queryselector('input');

// 給document註冊keyup事件

document.addeventlistener('keyup', function(e)

})

要求:當我們在文字框中輸入內容時,文字框上面自動顯示大字型大小的內容。

123// 獲取要操作的元素

var con = document.queryselector('.con');

var jd_input = document.queryselector('.jd');

// 給輸入框註冊keyup事件

jd_input.addeventlistener('keyup', function() else

})// 給輸入框註冊失去焦點事件,隱藏放大提示盒子

jd_input.addeventlistener('blur', function() )

// 給輸入框註冊獲得焦點事件

jd_input.addeventlistener('focus', function()

})

鍵盤常用事件總結

什麼是鍵盤事件 當我們按下鍵盤中得某個鍵時,所觸發得事件 常用鍵盤屬性和說明 屬性說明 onkeyup 某個鍵盤按下被彈起時觸發 onkeydown 某個鍵盤按下時觸發 onkeypress 某個鍵盤被按下時觸發 不支援一些功能鍵 比如ctrl shift 等 onkeyup 和onkeydown ...

js鍵盤事件以及鍵盤事件攔截

寫乙個舉例其他都類似 比如ctrl c window.onkeydown function e 一般簡寫 window.onkeydown function e 資源搜尋 大全 廣州vi設計公司 比如攔截ctrl h事件 window.onkeydown function e script 但是有些...

事件型別 鍵盤事件

目錄 一 事件分類 二 事件物件 三 事件應用 鍵盤事件有三個,按觸發順序,其一keydown,其二keypress,其三keyup。keydown按下任意鍵時觸發,若按住不放,會重複觸發該事件 觸發操作之間有500ms延遲 事件偵聽器的繫結元素必須有焦點才能正常偵聽事件。keypress鍵盤上的按...