Heim Web-Frontend js-Tutorial So erhalten Sie Tastaturinhalte in js

So erhalten Sie Tastaturinhalte in js

Sep 08, 2017 am 11:22 AM
javascript 内容 键盘

 1<script type="text/javascript" language=JavaScript charset="UTF-8">
 2       document.onkeydown=function(event){
 3             var e = event || window.event || arguments.callee.caller.arguments[0];
 4             if(e && e.keyCode==27){ // 按 Esc 
 5                 //要做的事情
 6               }
 7             if(e && e.keyCode==113){ // 按 F2 
 8                  //要做的事情
 9                }            
10              if(e && e.keyCode==13){ // enter 键
11                  //要做的事情
12             }
13         }; 
14 </script>
15 只要你定义了这些键的动作,你在浏览器里按下这些键就会响应,兼容目前所有浏览器。
Nach dem Login kopieren
  1 js 里面的键盘事件经常用到,所以收集了键盘事件对应的键码来分享下:
  2 keyCode 8 = BackSpace BackSpace
  3 keyCode 9 = Tab Tab
  4 keyCode 12 = Clear
  5 keyCode 13 = Enter
  6 keyCode 16 = Shift_L
  7 keyCode 17 = Control_L
  8 keyCode 18 = Alt_L
  9 keyCode 19 = Pause
 10 keyCode 20 = Caps_Lock
 11 keyCode 27 = Escape Escape
 12 keyCode 32 = space
 13 keyCode 33 = Prior
 14 keyCode 34 = Next
 15 keyCode 35 = End
 16 keyCode 36 = Home
 17 keyCode 37 = Left
 18 keyCode 38 = Up
 19 keyCode 39 = Right
 20 keyCode 40 = Down
 21 keyCode 41 = Select
 22 keyCode 42 = Print
 23 keyCode 43 = Execute
 24 keyCode 45 = Insert
 25 keyCode 46 = Delete
 26 keyCode 47 = Help
 27 keyCode 48 = 0 equal braceright
 28 keyCode 49 = 1 exclam onesuperior
 29 keyCode 50 = 2 quotedbl twosuperior
 30 keyCode 51 = 3 section threesuperior
 31 keyCode 52 = 4 dollar
 32 keyCode 53 = 5 percent
 33 keyCode 54 = 6 ampersand
 34 keyCode 55 = 7 slash braceleft
 35 keyCode 56 = 8 parenleft bracketleft
 36 keyCode 57 = 9 parenright bracketright
 37 keyCode 65 = a A
 38 keyCode 66 = b B
 39 keyCode 67 = c C
 40 keyCode 68 = d D
 41 keyCode 69 = e E EuroSign
 42 keyCode 70 = f F
 43 keyCode 71 = g G
 44 keyCode 72 = h H
 45 keyCode 73 = i I
 46 keyCode 74 = j J
 47 keyCode 75 = k K
 48 keyCode 76 = l L
 49 keyCode 77 = m M mu
 50 keyCode 78 = n N
 51 keyCode 79 = o O
 52 keyCode 80 = p P
 53 keyCode 81 = q Q at
 54 keyCode 82 = r R
 55 keyCode 83 = s S
 56 keyCode 84 = t T
 57 keyCode 85 = u U
 58 keyCode 86 = v V
 59 keyCode 87 = w W
 60 keyCode 88 = x X
 61 keyCode 89 = y Y
 62 keyCode 90 = z Z
 63 keyCode 96 = KP_0 KP_0
 64 keyCode 97 = KP_1 KP_1
 65 keyCode 98 = KP_2 KP_2
 66 keyCode 99 = KP_3 KP_3
 67 keyCode 100 = KP_4 KP_4
 68 keyCode 101 = KP_5 KP_5
 69 keyCode 102 = KP_6 KP_6
 70 keyCode 103 = KP_7 KP_7
 71 keyCode 104 = KP_8 KP_8
 72 keyCode 105 = KP_9 KP_9
 73 keyCode 106 = KP_Multiply KP_Multiply
 74 keyCode 107 = KP_Add KP_Add
 75 keyCode 108 = KP_Separator KP_Separator
 76 keyCode 109 = KP_Subtract KP_Subtract
 77 keyCode 110 = KP_Decimal KP_Decimal
 78 keyCode 111 = KP_pide KP_pide
 79 keyCode 112 = F1
 80 keyCode 113 = F2
 81 keyCode 114 = F3
 82 keyCode 115 = F4
 83 keyCode 116 = F5
 84 keyCode 117 = F6
 85 keyCode 118 = F7
 86 keyCode 119 = F8
 87 keyCode 120 = F9
 88 keyCode 121 = F10
 89 keyCode 122 = F11
 90 keyCode 123 = F12
 91 keyCode 124 = F13
 92 keyCode 125 = F14
 93 keyCode 126 = F15
 94 keyCode 127 = F16
 95 keyCode 128 = F17
 96 keyCode 129 = F18
 97 keyCode 130 = F19
 98 keyCode 131 = F20
 99 keyCode 132 = F21
100 keyCode 133 = F22
101 keyCode 134 = F23
102 keyCode 135 = F24
103 keyCode 136 = Num_Lock
104 keyCode 137 = Scroll_Lock
105 keyCode 187 = acute grave
106 keyCode 188 = comma semicolon
107 keyCode 189 = minus underscore
108 keyCode 190 = period colon
109 keyCode 192 = numbersign apostrophe
110 keyCode 210 = plusminus hyphen macron
111 keyCode 211 =
112 keyCode 212 = copyright registered
113 keyCode 213 = guillemotleft guillemotright
114 keyCode 214 = masculine ordfeminine
115 keyCode 215 = ae AE
116 keyCode 216 = cent yen
117 keyCode 217 = questiondown exclamdown
118 keyCode 218 = onequarter onehalf threequarters
119 keyCode 220 = less greater bar
120 keyCode 221 = plus asterisk asciitilde
121 keyCode 227 = multiply pision
122 keyCode 228 = acircumflex Acircumflex
123 keyCode 229 = ecircumflex Ecircumflex
124 keyCode 230 = icircumflex Icircumflex
125 keyCode 231 = ocircumflex Ocircumflex
126 keyCode 232 = ucircumflex Ucircumflex
127 keyCode 233 = ntilde Ntilde
128 keyCode 234 = yacute Yacute
129 keyCode 235 = oslash Ooblique
130 keyCode 236 = aring Aring
131 keyCode 237 = ccedilla Ccedilla
132 keyCode 238 = thorn THORN
133 keyCode 239 = eth ETH
134 keyCode 240 = diaeresis cedilla currency
135 keyCode 241 = agrave Agrave atilde Atilde
136 keyCode 242 = egrave Egrave
137 keyCode 243 = igrave Igrave
138 keyCode 244 = ograve Ograve otilde Otilde
139 keyCode 245 = ugrave Ugrave
140 keyCode 246 = adiaeresis Adiaeresis
141 keyCode 247 = ediaeresis Ediaeresis
142 keyCode 248 = idiaeresis Idiaeresis
143 keyCode 249 = odiaeresis Odiaeresis
144 keyCode 250 = udiaeresis Udiaeresis
145 keyCode 251 = ssharp question backslash
146 keyCode 252 = asciicircum degree
147 keyCode 253 = 3 sterling
148 keyCode 254 = Mode_switch
149 使用event对象的keyCode属性判断输入的键值
150 eg:if(event.keyCode==13)alert(“enter!”);
151 键值对应表
152 A  0X65  U   0X85
153 B  0X66  V   0X86
154 C  0X67  W   0X87
155 D  0X68  X   0X88
156 E  0X69  Y   0X89
157 F  0X70  Z   0X90
158 G  0X71  0   0X48
159 H  0X72  1   0X49
160 I  0X73  2   0X50
161 J  0X74  3   0X51
162 K  0X75  4   0X52
163 L  0X76  5   0X53
164 M  0X77  6   0X54
165 N  0X78  7   0X55
166 O  0X79  8   0X56
167 P  0X80  9   0X57
168 Q  0X81 ESC  0X1B
169 R  0X82 CTRL  0X11
170 S  0X83 SHIFT 0X10
171 T  0X84 ENTER 0XD
172 如果要使用组合键,则可以判断是否同时按下了这几个键,比如ctrl键、shift键以及alt键的组合使用就可以判断是否多按下了ctrl键、shift键以及alt键
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo erhalten Sie Tastaturinhalte in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie tippe ich Unterstreichungen auf der Tastatur? Wie tippe ich Unterstreichungen auf der Tastatur? Feb 22, 2024 pm 07:46 PM

Stellen Sie die Eingabemethode auf Englisch ein und halten Sie die Umschalttaste und die Minustaste gedrückt. Anwendbares Modell des Tutorials: Lenovo AIO520C System: Windows 10 Professional Edition: Microsoft Office Word 2022 Analyse 1 Überprüfen Sie zunächst die chinesische und englische Eingabemethode und passen Sie sie an Englisch an. 2Dann halten Sie gleichzeitig die Umschalttaste und die Minustaste auf Ihrer Tastatur gedrückt. 3 Überprüfen Sie die Benutzeroberfläche, um die unterstrichenen Wörter zu sehen. Ergänzung: So geben Sie schnell eine Unterstreichung in ein Word-Dokument ein 1. Wenn Sie in Word eine Unterstreichung eingeben müssen, wählen Sie das Leerzeichen mit der Maus aus und wählen Sie dann im Schriftartenmenü den Unterstreichungstyp aus, den Sie eingeben möchten. Zusammenfassung/Anmerkungen: Stellen Sie sicher, dass Sie die Eingabemethode auf Englisch ändern, bevor Sie fortfahren, da der Unterstrich sonst nicht erfolgreich eingegeben werden kann.

Automatische Tastatureingabe auf einem Windows-Laptop Automatische Tastatureingabe auf einem Windows-Laptop Feb 19, 2024 pm 05:33 PM

Computereingabegeräte wie Tastatur und Maus erfordern eine menschliche Bedienung und können nicht unabhängig voneinander betrieben werden. Das Gleiche gilt für das Touchpad und die Tastatur von Windows-Laptops. Es erfolgt keine automatische Texteingabe und auch kein automatischer Mausklick. Wenn etwas Ungewöhnliches passiert, muss es einen Grund dafür geben. Wenn Sie auf Probleme mit der automatischen Eingabe der Laptop-Tastatur stoßen, befolgen Sie die Anleitung, um das Problem zu beheben. Tastatur auf Windows-Laptop tippt automatisch Wenn die Tastatur auf Ihrem Windows-Laptop automatisch tippt, können Sie das Problem wie folgt beheben. Überprüfen Sie die Tastatur manuell. Stellen Sie sicher, dass die Tastatur ordnungsgemäß funktioniert. Überprüfen Sie, ob der Laptop remote angeschlossen ist. Überprüfen Sie, ob Autotyping-Programme ausgeführt werden. Führen Sie einen Malware-Scan durch. Passen Sie die Tastatureinstellungen an. Installieren Sie den Tastaturtreiber neu. Lassen Sie es uns im Detail wissen

So weisen Sie Copilot-Tasten auf einer beliebigen Tastatur in Windows 11 zu So weisen Sie Copilot-Tasten auf einer beliebigen Tastatur in Windows 11 zu Feb 20, 2024 am 10:33 AM

Windows 11-Computertastaturen, die in den nächsten Monaten auf den Markt kommen, werden über eine neue Copilot-Taste verfügen. Mit dieser Taste können Benutzer einfach durch Drücken einer bestimmten Taste in den Co-Pilot-Modus wechseln, ohne einen neuen PC aufrüsten zu müssen. In dieser Anleitung wird detailliert beschrieben, wie Sie die Copilot-Taste auf einer beliebigen Windows 11-Tastatur einrichten. Microsoft gab kürzlich bekannt, dass sie wichtige Fortschritte bei der Weiterentwicklung des durch künstliche Intelligenz unterstützten Fahrens erzielt haben. Windows 11 wird eine dedizierte Copilot-Taste hinzufügen, um das Erlebnis für PC-Benutzer weiter zu verbessern. Diese Hardwareänderung stellt das erste große Upgrade der Windows-PC-Tastaturen seit dreißig Jahren dar. In den kommenden Monaten werden neue Windows 11-Computer über ein neues Copilot-Tastendesign auf der Tastatur verfügen

Die Produkte der VGN-Co-Branding-Tastatur- und Mausserie „Elden's Circle' sind jetzt in den Regalen: Lani / Faded One benutzerdefiniertes Thema, ab 99 Yuan Die Produkte der VGN-Co-Branding-Tastatur- und Mausserie „Elden's Circle' sind jetzt in den Regalen: Lani / Faded One benutzerdefiniertes Thema, ab 99 Yuan Aug 12, 2024 pm 10:45 PM

Laut Nachrichten dieser Website vom 12. August hat VGN am 6. August die gemeinsame Tastatur- und Mausserie „Elden Ring“ auf den Markt gebracht, die Tastaturen, Mäuse und Mauspads umfasst, die im individuellen Design von Lani/Faded One gestaltet sind Es wurde auf JD.com zum Preis von 99 Yuan veröffentlicht. Die dieser Website beigefügten Informationen zu neuen Co-Branding-Produkten lauten wie folgt: VGN丨Elden Law Ring S99PRO-Tastatur Diese Tastatur verwendet ein Gehäuse aus reiner Aluminiumlegierung, ergänzt durch eine fünfschichtige Schalldämpferstruktur, verwendet eine GASKET-Blattfederstruktur und verfügt über eine einzelne -Tasten-Schlitzplatine und Tastenkappen aus PBT-Material in Originalhöhe, personalisierte Rückwandplatine aus Aluminiumlegierung; unterstützt Drei-Modus-Verbindung und SMARTSPEEDX-Technologie mit geringer Latenz, verbunden mit VHUB, kann es ab 549 Yuan mehrere Geräte auf einmal verwalten; VGN丨Elden French Ring F1PROMAX kabellose Maus die Maus

So ändern Sie den Microsoft Edge-Browser so, dass er mit 360-Navigation geöffnet wird - So ändern Sie die Öffnung mit 360-Navigation So ändern Sie den Microsoft Edge-Browser so, dass er mit 360-Navigation geöffnet wird - So ändern Sie die Öffnung mit 360-Navigation Mar 04, 2024 pm 01:50 PM

Wie ändere ich die Seite, die den Microsoft Edge-Browser öffnet, auf 360-Navigation? Es ist eigentlich sehr einfach, deshalb werde ich Ihnen jetzt die Methode vorstellen, die Seite zu ändern, die den Microsoft Edge-Browser auf 360-Navigation öffnet Schau mal. Ich hoffe, ich kann allen helfen. Öffnen Sie den Microsoft Edge-Browser. Wir sehen eine Seite wie die folgende. Klicken Sie auf das Dreipunktsymbol in der oberen rechten Ecke. Klicken Sie auf „Einstellungen“. Klicken Sie in der linken Spalte der Einstellungsseite auf „Beim Start“. Klicken Sie auf die drei im Bild in der rechten Spalte angezeigten Punkte (klicken Sie nicht auf „Neuen Tab öffnen“), klicken Sie dann auf Bearbeiten und ändern Sie die URL in „0“ (oder andere bedeutungslose Zahlen). Klicken Sie anschließend auf „Speichern“. Wählen Sie als Nächstes „

So legen Sie den Skin für die WeChat-Tastatur fest. So legen Sie den Skin für die WeChat-Tastatur fest So legen Sie den Skin für die WeChat-Tastatur fest. So legen Sie den Skin für die WeChat-Tastatur fest Mar 13, 2024 am 09:04 AM

Wie stelle ich den Skin für die WeChat-Tastatur ein? WeChat Keyboard ist eine sehr intelligente Eingabemethode für Mobiltelefone. Diese Software verfügt über viele benutzerfreundliche Funktionen. Sie ermöglicht es Benutzern, ihren eigenen Eingabemodus zu wählen und die gewünschten Ausdrücke mit dieser Software schnellstmöglich zu finden. Mit dieser Software können Benutzer auch das Skin der Tastatur selbst ändern. Der Editor unten hat die Methoden zum Ändern des Skins als Referenz zusammengestellt. So stellen Sie das WeChat-Tastaturdesign ein. In WeChat, SMS oder anderen Anwendungen, die die Verwendung der Tastatur Ihres Telefons erfordern, können Sie auf das Symbol für die Eingabemethodeneinstellungen in der oberen linken Ecke der Tastatur klicken, um die Einstellungsseite aufzurufen und die Funktion anzuzeigen Einstellungsmöglichkeiten für verschiedene Eingabemethoden. 2. Klicken Sie auf der Einstellungsseite der Eingabemethode auf „Personalisierte Skin“.

Die mechanische Drei-Modus-Tastatur Maicong K87 fügt die Versionen „Hyazinthenachse' und „Eiscremeachse' hinzu: Dichtungsstruktur, der Einstiegspreis beginnt bei 299 Yuan Die mechanische Drei-Modus-Tastatur Maicong K87 fügt die Versionen „Hyazinthenachse' und „Eiscremeachse' hinzu: Dichtungsstruktur, der Einstiegspreis beginnt bei 299 Yuan Feb 29, 2024 pm 05:00 PM

Laut Nachrichten dieser Website vom 29. Februar hat Maicong heute zwei Versionen von „Hyacinth Switch“ und „Glazed Ice Cream Switch“ für die mechanische Tastatur K87 mit drei Modi auf den Markt gebracht. Die Tastatur verfügt über eine „Dichtungsstruktur, 80 % Anordnung“ und einen zugehörigen Schaft Tastaturen Die Preisinformationen lauten wie folgt: „Hyacinth Switch“-Version: Erstpreis beträgt 299 Yuan. „Liuguang Ice Cream Switch“-Version: Erstpreis beträgt 379 Yuan. Berichten zufolge verwendet die Tastaturserie eine Dichtungsstruktur mit 87 Tasten %-Anordnung, Volltasten-Rollover und thermische Unterstützung. Zum Ein- und Ausstecken werden angeblich „Original/MDA-zweifarbige PBT-Tastenkappen“ verwendet, eine 1,2-mm-Einzeltasten-Schlitzplatine (untere Lampenposition) verwendet und mit RGB ausgestattet Lichteffekte und verfügt über ein magnetabsorbierendes Namensschilddesign. Darüber hinaus ist diese Tastatur mit einem 6000-mAh-Akku und einer drahtlosen Verzögerung von 3 ms ausgestattet. Die offizielle Größe und Größe der Tastatur wurde nicht bekannt gegeben.

So richten Sie die handschriftliche Eingabemethode auf der Tastatur Ihres Apple-Mobiltelefons ein So richten Sie die handschriftliche Eingabemethode auf der Tastatur Ihres Apple-Mobiltelefons ein Mar 08, 2024 pm 02:30 PM

Benutzer von Apple-Mobiltastaturen möchten die handschriftliche Eingabemethode einrichten, wissen jedoch nicht, wie das geht. Benutzer können die handschriftliche Eingabemethode direkt in den Tastatureinstellungen des Telefons auswählen eine handschriftliche Eingabemethode. So stellen Sie die handschriftliche Eingabemethode auf der Apple-Mobiltelefontastatur ein A: Aktivieren Sie die handschriftliche Eingabemethode direkt in den Tastatureinstellungen 1. Wenn Apple-Benutzer die Eingabemethode verwenden, ist die handschriftliche Eingabemethode standardmäßig aktiviert. 2. Benutzer müssen beim Tippen nur auf die untere linke Ecke klicken und diese gedrückt halten, um die handschriftliche Eingabemethode auszuwählen. 3. Wenn der Benutzer in seinem Mobiltelefon nicht über eine handschriftliche Eingabemethode verfügt, kann er diese auch manuell hinzufügen. 4. Der Benutzer gibt die Einstellungen ein, findet die universellen Tastatureinstellungen und fügt der ersten Tastatur die Option zur Handschrifteingabe hinzu. 5. Verwenden Sie die handschriftliche Eingabemethode

See all articles