Heim > Web-Frontend > js-Tutorial > Beispiel für einen JavaScript-Onkeydown-Ereigniseintrag (eine Taste auf der Tastatur wird gedrückt)

Beispiel für einen JavaScript-Onkeydown-Ereigniseintrag (eine Taste auf der Tastatur wird gedrückt)

PHPz
Freigeben: 2018-09-30 14:49:38
nach vorne
2879 Leute haben es durchsucht

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+&#39;:&#39;+keychar);
}
</script>
<input type="text" onkeydown="return noNumbers(event)" />
</body>
</html>
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:jb51.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage