In diesem Artikel wird hauptsächlich das Einführungsbeispiel des JavaScript-Onkeydown-Ereignisses vorgestellt. Das Onkeydown-Ereignis erfasst die Situation, in der Freunde in Not darauf verweisen können.
JavaScript-Onkeydown-Ereignis
Das Onkeydown-Ereignis wird ausgelöst, wenn der Benutzer eine Tastaturtaste drückt. Im Gegensatz zum onkeypress-Ereignis reagiert das onkeydown-Ereignis auf die Verarbeitung des Drückens einer beliebigen Taste (einschließlich Funktionstasten), während das onkeypress-Ereignis nur auf die Verarbeitung des Drückens von Zeichentasten reagiert.
Tipps
Internet Explorer/Chrome-Browser verwenden event.keyCode, um die gedrückten Zeichen abzurufen, während Browser wie Netscape/Firefox/Opera event.which verwenden.
onkeydown ruft die vom Benutzer gedrückten Tasten ab
Das Folgende ist ein Beispiel für die Verwendung des onkeydown-Ereignisses, um die Informationen über die vom Benutzer gedrückten Tastaturtasten abzurufen:
<html> <body> <script type="text/javascript"> function noNumbers(e) { var keynum; var keychar; keynum = window.event ? e.keyCode : e.which; keychar = String.fromCharCode(keynum); alert(keynum+':'+keychar); } </script> <input type="text" onkeydown="return noNumbers(event)" /> </body> </html>
Wie im obigen Beispiel gezeigt, erhält event.keyCode/event.which den numerischen Wert (Unicode-Codierung), der einem Schlüssel entspricht:
数字值 | 实际键值 |
---|---|
48到57 | 0到9 |
65到90 | a到z(A到Z) |
112到135 | F1到F24 |
8 | BackSpace(退格) |
9 | Tab |
13 | Enter(回车) |
20 | Caps_Lock(大写锁定) |
32 | Space(空格键) |
37 | Left(左箭头) |
38 | Up(上箭头) |
39 | Right(右箭头) |
40 | Down(下箭头) |
In Webanwendungen können Sie häufig sehen, dass wir mithilfe von event.keyCode/event.which des onkeydown-Ereignisses einige Tastaturoperationen des Benutzers abrufen, um einige Anwendungsbeispiele auszuführen. Wenn sich der Benutzer beispielsweise anmeldet und die Feststelltaste (20) drückt, wird die Feststelltaste aktiviert, wenn die Seite umgedreht wird, wenn der Benutzer die Pfeile nach links und rechts drückt, die Seite nach oben und unten umblättert usw . wird ausgelöst.
Wenn Sie nach dem Abrufen des Unicode-Codierungswerts den tatsächlichen entsprechenden Schlüsselwert benötigen, können Sie ihn über die fromCharCode-Methode (String.fromCharCode()) des Srting-Objekts abrufen. Beachten Sie, dass Sie bei Zeichen immer Großbuchstaben erhalten und bei einigen anderen Funktionstasten möglicherweise nicht leicht lesbare Zeichen.
PS: Hier empfehlen wir ein Online-Abfragetool zu JS-Ereignissen, das die häufig verwendeten Ereignistypen und Funktionen von JS zusammenfasst
Das Obige ist der gesamte Inhalt dieses Kapitels. Weitere verwandte Tutorials finden Sie unter JavaScript-Video-Tutorial!