js監聽組合按鍵

2021-10-13 07:39:44 字數 906 閱讀 4613

我們經常用到組合鍵,例如alt+f4,crtl+enter。在開發中也會有這種需求。

單獨組合,二鍵組合,三鍵組合

1、獲取鍵盤上的按鍵

2、阻止瀏覽器上的預設行為

3、執行自定義的js函式

**例子

document.onkeydown = function(e) 

e.preventdefault();

return false;

}

谷歌瀏覽器對event.keycode,event.charcode和event.which都相容。

火狐瀏覽器對event.keycode部分鍵值有效,如上下左右鍵(37,38,39,40),enter鍵(13),pgup(33),pgdn(34)等部分有效,對數字鍵,字母鍵無效。

event.which也是部分鍵值有效,如字母鍵,數字鍵,enter鍵,backspace鍵等有效,對上下左右鍵,pgup(33),pgdn(34)鍵無效。

event.charcode也是對部分鍵值有效,如字母鍵,數字鍵,,backspace鍵等有效,對enter鍵,上下左右鍵,pgup(33),pgdn(34)鍵無效。

ie瀏覽器中,ie8及以下瀏覽器對event.charcode無效,event.keycode和event.which對大部分鍵值能獲得,但是有少部分也不能獲得。

所以該寫法為相容寫法。

用來監聽鍵盤上的alt,shift,ctrl,meta鍵。當按下這些鍵的時候,值會變為true。

阻止預設事件,在w3c標準和ie下,處理方式不太一致。分別是執行e.preventdefault()方法和將e.returnvalue = false屬性。當然如果你使用的jquery等類庫的話,只需要寫乙個e.preventdefault()就可以了,它幫你做到了相容。

js監聽組合按鍵

我們經常用到組合鍵,例如alt f4,crtl enter。在開發中也會有這種需求。單獨組合,二鍵組合,三鍵組合 1 獲取鍵盤上的按鍵 2 阻止瀏覽器上的預設行為 3 執行自定義的js函式 例子 document.onkeydown function e e.preventdefault retur...

JS監聽組合按鍵

有些時候,我們需要在網頁上,增加一些快捷按鍵,方便使用者使用一些常用的操作,比如 儲存,撤銷,複製 貼上等等。下面簡單梳理一下思路 我們所熟悉的按鍵有這麼集中型別 大概只有這麼幾種情況了,至少我沒有見過其他的情況。如果確實存在的話,基本實現的原理也比較類似,本文就不再贅述了。上面這三種情況,都要處理...

js按鍵監聽

通過arguments.callee.caller.arguments 0 keycode可獲得按鍵的值,相容各種瀏覽器 360,ie,谷歌,火狐 其他瀏覽器沒試過。而window.event.keycode火狐瀏覽器不支援 0 9的keycode範圍 48 57 a za z的keycode範圍 ...