Przechwytywanie oba klawisze specjalne i kluczową sprawę w imprezach Javascript

Question

Robiłem trochę pracy z JavaScript kluczowych wydarzeń (keyup, keyDown, przyciśnięcie) i doszli do wniosku, że każdy z nich ma swoje wady i zalety, gdy próbuje określić, jakie klawisze naciśnięty został użytkownik.

Korzystając z wersji event.which dostarczonej przez jQuery, wydaje się, że onkeypress zapewnia kody znaków, w których wielkość liter ma znaczenie. tj. 65-90 dla A-Z i 97-122 dla a-z. Jednak specjalne klawisze, takie jak kierunkowe, nie wyzwalają onkeypress. Będą one jednak uruchamiać keyup/* keydown *, ale te nie będą zapewniały kodów rozróżniania wielkości liter.

Czy istnieje rozwiązanie "najlepsze z obu światów", które zapewni wykrywanie z uwzględnieniem wielkości liter i specjalnych kluczy, które nie wymaga ręcznego monitorowania kilku zdarzeń jednocześnie?

Answer 1

Podczas słuchania na razie keyup

$(document).on('keyup', on_key_up); 

function on_key_up(event) 
{ 
    console.log('keycode:',event);  
} 

loguję to:

altKey: false 
bubbles: true 
cancelable: true 
char: undefined 
charCode: 0 
ctrlKey: false 
currentTarget: document 
data: undefined 
delegateTarget: document 
eventPhase: 3 
handleObj: Object 
isDefaultPrevented: function ot(){return!1} 
jQuery19106670567644760013: true 
key: undefined 
keyCode: 69 
metaKey: false 
originalEvent: KeyboardEvent 
relatedTarget: undefined 
shiftKey: false 
target: body 
timeStamp: 1367933052234 
type: "keyup" 
view: Window 
which: 69 

Chcesz keyCode (69 w tym przypadku), shifKey, altKey, ctrlKey. przykład: Jeśli naciśniesz shift + strzałka w prawo, otrzymasz keyCode: 3, shiftKey: true.

function on_key_up(event) 
{ 
if(event.shiftKey) // action 

} 

Mam nadzieję, że to pomoże.

Answer 2

Możesz spróbować THREEx.KeyboardState.js. Chociaż ta biblioteka jest używana do gier JS, może być przydatna w twoim przypadku.