Rumah hujung hadapan web tutorial js js中如何获取键盘内容

js中如何获取键盘内容

Sep 08, 2017 am 11:22 AM
javascript kandungan papan kekunci

 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 只要你定义了这些键的动作,你在浏览器里按下这些键就会响应,兼容目前所有浏览器。
Salin selepas log masuk
  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键
Salin selepas log masuk

Atas ialah kandungan terperinci js中如何获取键盘内容. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk menaip garis bawah pada papan kekunci Bagaimana untuk menaip garis bawah sahaja tanpa menaip? Bagaimana untuk menaip garis bawah pada papan kekunci Bagaimana untuk menaip garis bawah sahaja tanpa menaip? Feb 22, 2024 pm 07:46 PM

Laraskan kaedah input kepada bahasa Inggeris dan tahan kekunci Shift dan kekunci tolak. Model tutorial yang boleh digunakan: Sistem Lenovo AIO520C: Windows 10 Edisi Profesional: Analisis Microsoft Office Word 2022 1 Mula-mula semak kaedah input bahasa Cina dan Inggeris dan laraskannya kepada bahasa Inggeris. 2Kemudian tahan kekunci Shift dan kekunci Tolak pada papan kekunci anda pada masa yang sama. 3 Semak antara muka untuk melihat perkataan bergaris. Tambahan: Cara memasukkan garis bawah dengan cepat dalam dokumen Word 1. Jika anda perlu memasukkan garis bawah dalam Word, pilih ruang dengan tetikus, kemudian pilih jenis garis bawah dalam menu fon untuk masuk. Ringkasan/Nota: Pastikan anda menukar kaedah input kepada Bahasa Inggeris sebelum meneruskan, jika tidak, garis bawah tidak boleh berjaya dimasukkan.

Auto-taip papan kekunci pada komputer riba Windows Auto-taip papan kekunci pada komputer riba Windows Feb 19, 2024 pm 05:33 PM

Peranti input komputer seperti papan kekunci dan tetikus memerlukan operasi manusia dan tidak boleh beroperasi secara bebas. Perkara yang sama berlaku untuk pad sentuh dan papan kekunci pada komputer riba Windows. Teks tidak dimasukkan secara automatik, begitu juga tetikus tidak diklik secara automatik. Jika berlaku sesuatu yang luar biasa, pasti ada sebabnya. Jika anda menghadapi masalah auto-taip papan kekunci komputer riba, ikut panduan untuk membetulkannya. Papan Kekunci pada Komputer Riba Windows Menaip Secara Automatik Apabila papan kekunci pada komputer riba Windows anda menaip secara automatik, berikut ialah cara anda boleh membetulkannya. Periksa papan kekunci secara manual Pastikan papan kekunci berfungsi dengan betul Periksa sama ada komputer riba disambungkan dari jauh Periksa sama ada sebarang program autotaip sedang dijalankan Jalankan imbasan perisian hasad Laraskan tetapan papan kekunci Pasang semula pemacu papan kekunci Mari kita ketahui secara terperinci

Bagaimana untuk menetapkan butang Copilot pada mana-mana papan kekunci dalam Windows 11 Bagaimana untuk menetapkan butang Copilot pada mana-mana papan kekunci dalam Windows 11 Feb 20, 2024 am 10:33 AM

Papan kekunci komputer Windows 11 yang akan dilancarkan dalam beberapa bulan akan datang akan mempunyai kunci Copilot baharu. Kekunci ini membolehkan pengguna memasuki mod pembantu juruterbang dengan mudah dengan menekan butang yang ditetapkan tanpa menaik taraf PC baharu. Panduan ini akan memperincikan cara menyediakan butang copilot pada mana-mana papan kekunci Windows 11. Microsoft baru-baru ini mengumumkan bahawa mereka telah mencapai kemajuan penting dalam memajukan pemanduan berbantukan kecerdasan buatan. Windows 11 akan menambah kunci Copilot khusus untuk meningkatkan lagi pengalaman pengguna PC. Perubahan perkakasan ini mewakili peningkatan besar pertama kepada papan kekunci Windows PC dalam tiga puluh tahun. Dalam beberapa bulan akan datang, komputer Windows 11 baharu akan menampilkan reka bentuk kunci Copilot baharu pada papan kekunci

Produk siri papan kekunci dan tetikus 'Elden's Circle' jenama bersama VGN kini berada di rak: Tema tersuai Lani / Faded One, bermula dari 99 yuan Produk siri papan kekunci dan tetikus 'Elden's Circle' jenama bersama VGN kini berada di rak: Tema tersuai Lani / Faded One, bermula dari 99 yuan Aug 12, 2024 pm 10:45 PM

Menurut berita dari laman web ini pada 12 Ogos, VGN melancarkan siri papan kekunci dan tetikus "Elden Ring" berjenama bersama pada 6 Ogos, termasuk papan kekunci, tetikus dan pad tetikus, yang direka dengan tema tersuai bagi siri Lani/Faded One produk Ia telah diletakkan di JD.com, berharga dari 99 yuan. Maklumat produk baharu jenama bersama yang dilampirkan pada tapak ini adalah seperti berikut: Papan Kekunci VGN丨Elden Law Ring S99PRO Papan kekunci ini menggunakan cangkerang aloi aluminium tulen, ditambah dengan struktur penyenyap lima lapisan, menggunakan struktur spring daun GASKET, mempunyai satu PCB berslot kunci, dan bahan PBT tinggi asal, satah belakang diperibadikan aloi aluminium menyokong sambungan tiga mod dan teknologi kependaman rendah SMARTSPEEDX, ia boleh menguruskan berbilang peranti dalam satu hentian, bermula pada 549 yuan; VGN丨Elden French Ring F1PROMAX tetikus wayarles tetikus

Papan kekunci mekanikal tiga mod Maicong K87 menambah versi 'paksi gondok' dan 'paksi ais krim': Struktur gasket, harga permulaan bermula pada 299 yuan Papan kekunci mekanikal tiga mod Maicong K87 menambah versi 'paksi gondok' dan 'paksi ais krim': Struktur gasket, harga permulaan bermula pada 299 yuan Feb 29, 2024 pm 05:00 PM

Menurut berita dari laman web ini pada 29 Februari, Maicong hari ini melancarkan dua versi "Hyacinth Switch" dan "Glazed Ice Cream Switch" untuk papan kekunci mekanikal tiga mod K87 yang mempunyai ciri "Gasket structure, 80% arrangement", aci berkaitan papan kekunci Maklumat harga adalah seperti berikut: Versi "Hyacinth Switch": harga awal ialah 299 yuan versi "Suis Ais Krim Liuguang": harga awal ialah 379 yuan Menurut laporan, siri papan kekunci menggunakan struktur Gasket, 87-kunci % susunan, peralihan kunci penuh dan terma sokongan Untuk memasang dan mencabut plag, ia mendakwa menggunakan "kapkunci PBT dua warna asal/MDA", menggunakan PCB berslot kunci tunggal 1.2mm (kedudukan lampu bawah), dilengkapi dengan RGB kesan pencahayaan, dan mempunyai reka bentuk papan nama penyerapan magnetik. Selain itu, papan kekunci ini dilengkapi dengan bateri 6000 mAh dan kelewatan tanpa wayar 3ms Saiz dan saiz papan kekunci rasmi belum diumumkan.

Bagaimana untuk menetapkan kulit untuk papan kekunci WeChat Bagaimana untuk menetapkan kulit untuk papan kekunci WeChat Bagaimana untuk menetapkan kulit untuk papan kekunci WeChat Bagaimana untuk menetapkan kulit untuk papan kekunci WeChat Mar 13, 2024 am 09:04 AM

Bagaimana untuk menetapkan kulit untuk papan kekunci WeChat? Papan Kekunci WeChat ialah perisian kaedah input telefon mudah alih yang sangat pintar Perisian ini mempunyai banyak fungsi mesra pengguna Ia membolehkan pengguna memilih mod input mereka sendiri dan mencari ungkapan yang mereka mahukan secepat mungkin pada perisian ini. Perisian ini juga membolehkan pengguna menukar kulit papan kekunci itu sendiri Ramai pengguna tidak pasti bagaimana untuk menukar kulit Editor di bawah telah menyusun kaedah menukar kulit untuk rujukan anda. Bagaimana untuk menetapkan kulit papan kekunci WeChat Dalam WeChat, SMS atau aplikasi lain yang memerlukan penggunaan papan kekunci pada telefon anda, anda boleh mengklik ikon tetapan kaedah input di penjuru kiri sebelah atas papan kekunci untuk memasuki halaman tetapan untuk melihat pilihan tetapan fungsi untuk pelbagai kaedah input. 2. Klik "Kulit Peribadi" pada halaman tetapan kaedah input.

Bagaimana untuk menetapkan kaedah input tulisan tangan pada papan kekunci mudah alih Apple Bagaimana untuk menetapkan kaedah input tulisan tangan pada papan kekunci mudah alih Apple Mar 08, 2024 pm 02:30 PM

Pengguna papan kekunci mudah alih Apple ingin menyediakan kaedah input tulisan tangan, tetapi tidak tahu cara melakukannya sebenarnya sangat mudah Pengguna boleh terus memilih kaedah input tulisan tangan dalam tetapan papan kekunci telefon kaedah input tulisan tangan. Cara menetapkan kaedah input tulisan tangan pada papan kekunci telefon mudah alih Apple A: Dayakan kaedah input tulisan tangan terus dalam tetapan papan kekunci 1. Apabila pengguna Apple menggunakan kaedah input, kaedah input tulisan tangan didayakan secara lalai. 2. Pengguna hanya perlu klik dan tahan sudut kiri bawah untuk memilih kaedah input tulisan tangan semasa menaip. 3. Jika pengguna tidak mempunyai kaedah input tulisan tangan dalam telefon bimbitnya, dia juga boleh menambahnya secara manual. 4. Pengguna memasuki tetapan, mencari tetapan papan kekunci universal dan menambah pilihan input tulisan tangan pada papan kekunci pertama. 5. Gunakan kaedah input tulisan tangan untuk

Bagaimana untuk menukar pelayar Microsoft Edge untuk dibuka dengan navigasi 360 - Bagaimana untuk menukar pembukaan dengan navigasi 360 Bagaimana untuk menukar pelayar Microsoft Edge untuk dibuka dengan navigasi 360 - Bagaimana untuk menukar pembukaan dengan navigasi 360 Mar 04, 2024 pm 01:50 PM

Bagaimana untuk menukar halaman yang membuka pelayar Microsoft Edge kepada navigasi 360 Ia sebenarnya sangat mudah, jadi sekarang saya akan berkongsi dengan anda kaedah menukar halaman yang membuka pelayar Microsoft Edge kepada 360 navigasi Rakan-rakan yang memerlukan lihat. Saya harap dapat membantu semua orang. Buka penyemak imbas Microsoft Edge. Kami melihat halaman seperti di bawah. Klik pada ikon tiga titik di sudut kanan atas. Klik "Tetapan." Klik "Pada permulaan" dalam lajur kiri halaman tetapan. Klik pada tiga titik yang ditunjukkan dalam gambar di lajur kanan (jangan klik "Buka Tab Baharu"), kemudian klik Edit dan tukar URL kepada "0" (atau nombor lain yang tidak bermakna). Kemudian klik "Simpan". Seterusnya, pilih "

See all articles