suchen

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
PHPznach vorne
2016-05-16 16:33:492876Durchsuche

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>

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!

Stellungnahme：
Dieser Artikel ist reproduziert unter:jb51.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：jquery erhält den Radiowert „instance_jquery“.Nächster Artikel：jquery erhält den Radiowert „instance_jquery“.

In Verbindung stehende Artikel

Mehr sehen