suchen

Heim  >  Artikel  >  Web-Frontend  >  Einfache jQuery-Methode zum Abrufen von Tastaturereignissen_jquery

Einfache jQuery-Methode zum Abrufen von Tastaturereignissen_jquery

WBOY
WBOYOriginal
2016-05-16 15:18:371483Durchsuche

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>
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>
Zusammenfassung der allgemeinen Verwendung und Techniken von jQuery-Ereignissen
“

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

Stellungnahme：
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
Vorheriger Artikel：JavaScript-Methode zum Konvertieren von ASC in chinesische Zeichen und zum Konvertieren chinesischer Zeichen in ASC_javascript-FähigkeitenNächster Artikel：JavaScript-Methode zum Konvertieren von ASC in chinesische Zeichen und zum Konvertieren chinesischer Zeichen in ASC_javascript-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen