Einfache jQuery-Methode zum Abrufen von Tastaturereignissen

Einfache jQuery-Methode zum Abrufen von Tastaturereignissen_jquery

WBOY

Freigeben： 2016-05-16 15:18:37

Original

1473 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt, wie jQuery einfach Tastaturereignisse abruft. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

1. Wann brauchen wir Tastaturereignisse? Bei der Arbeit im Web verwenden wir für ein menschlicheres Design manchmal Tastaturereignisse. Beispiel: Dropdown-Eingabeaufforderungsfeld für das Eingabefeld. Verwenden Sie die Auf- und Ab-Tastatur, um den gewünschten Inhalt auszuwählen, das Dropdown-Eingabeaufforderungsfeld für das Eingabefeld von Google. Wenn wir das Fotoalbum durchsuchen, können wir die Links- und Rechts-Tasten auf der Tastatur verwenden, um die Fotos anzuzeigen. Wenn wir einen langen Roman durchblättern, kann es leicht passieren, dass wir beim Scrollen mit der Maus den Überblick verlieren. Auch diese kleinen Details sind sehr wichtig. Bei der Erstellung einer Website kommt es vor allem auf die Details an.

2. Tastaturfunktionstypen von JQuery

1. Das Keydown-Ereignis ist ein Ereignis, das ausgelöst wird, wenn die Tastatur gedrückt wird

2. Das Keyup-Ereignis ist ein Ereignis, das ausgelöst wird, wenn eine Taste gedrückt und dann losgelassen wird

3. Das Tastendruckereignis ist ein Ereignis, das ausgelöst wird, wenn die Tastatur gedrückt wird

Tastendruck und Tastendruck haben ähnliche Funktionen, unterscheiden sich jedoch darin, den Inhalt des Ereignisses zu erhalten.

2. Beispiele

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr" lang="utf-8">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <script src="jquery-1.3.2.js" type="text/javascript"></script>
</head>
<body>
<input value="fi" name="search" id="search_input" maxlength="50" autocomplete="off">
</body>
</html>
<script type="text/javascript">
 $('#search_input')
 .keypress(function(event){
 alert("keypress");
 })
 .keydown(function(event){
 alert("keydown");
 })
 .keyup(function(event){
 alert("keyup");
 });
</script>

Nach dem Login kopieren

3. Testergebnisse

1. Wenn Sie im obigen Eingabefeld einen Buchstaben r eingeben, wird zum ersten Mal die Tastenkombination angezeigt und Sie werden in Zukunft zum Tastendruck aufgefordert

2. Wenn wir pg dn銉 drücken, erscheint zuerst „Keyup“ und dann „Keydown“

3. Wenn wir Umschalt+C drücken, wird nur Tastendruck
eingeblendet 4. Wenn wir Strg+Alt drücken, wird „Tastendruck“ nicht zum ersten Mal angezeigt. Wenn wir die Taste zum zweiten Mal drücken, wird „Taste nach oben“ und dann „Taste nach unten“ angezeigt
Es gibt viele Möglichkeiten, wir müssen nur den häufig verwendeten Phönix ausprobieren.

4. Erhalten Sie den ASCII-Wert, der dem Tastaturereignis entspricht

Leser, die an weiteren Inhalten im Zusammenhang mit jQuery-Ereignisoperationen interessiert sind, können sich das Spezialthema dieser Website ansehen: „

<script type="text/javascript">
 $('#search_input')
 .keydown(function(event){
 alert(event.keyCode);
 })
</script>

Nach dem Login kopieren

Zusammenfassung der allgemeinen Verwendung und Techniken von jQuery-Ereignissen

“

Ich hoffe, dass dieser Artikel allen in der jQuery-Programmierung hilfreich sein wird.

PHP8, ich komme auch

Lernen Sie das Website-Layout in 30 Minuten

Shangguan Oracle Video-Tutorial für Anfänger bis Fortgeschrittene

Ihre erste Zeile UNI-APP-Code

Flattern Sie von Grund auf bis zum App-Start

Brother Lian Neues Linux-Video-Tutorial

AXURE 9 Video-Tutorial (geeignet für die interaktive Produktdesign-Benutzeroberfläche von Product Manager)

Zero Basic Proficiency PS-Video-Tutorial

16-tägiges UI-Video-Tutorial für den Einstieg

PS-Techniken und Slicing-Techniken-Video-Tutorial

Video-Tutorial zum Bau und zur Projekteinführung der Alibaba Cloud-Umgebung

Überblick über Computernetzwerke – Grundkenntnisse, die Programmierer beherrschen müssen

Grundlegendes Tutorial für Programmierer – Erklärung des HTTP-Protokolls

Websocket-Video-Tutorial

Einfache jQuery-Methode zum Abrufen von Tastaturereignissen_jquery