Pertanyaan: Tekan tombol Enter saat memasukkan teks dalam metode input Cina; Acara pengikat keyup akan memasukkan teks bahasa Inggris dalam metode input ke dalam kotak teks dan langsung menyentuh tombol Kirim
Acara keyboard:
Saat tombol ditekan atau dilepaskan, tiga peristiwa keyboard dapat dipicu di setiap browser
keydown
Keypress
keyup
Peristiwa Keydown terjadi ketika tombol ditekan, maka keypress dipicu. Acara Keyup dipicu saat kunci dilepaskan.
Metode Input Cina:
Firfox: Keydown Pemicu Input, Masukkan Keyup Pemicu Input Konfirmasi
Chrome: Input memicu keydown dan keyup, masukkan untuk mengonfirmasi bahwa input hanya memicu keydown
IE: Input memicu keydown dan keyup, masukkan untuk mengonfirmasi input pemicu keydown, keyup
Safari: Keydown Pemicu Input dan Keyup, Enter untuk mengkonfirmasi Keydown Pemicu Input, Keyup
Opera: Keydown Pemicu Input dan Keyup, Enter untuk mengonfirmasi Keydown Pemicu Input, Keyup
Dalam Input dan TextArea, ketika dalam Metode Input Cina: Tidak Ada Peristiwa Tekan Key yang dipicu
Acara KeyPress: Dukungan untuk metode input Cina buruk, dan tidak dapat menanggapi input Cina; itu tidak dapat menanggapi kunci fungsi sistem
Kode HTML:
<TextAreA name = "" id = "text" cols = "30" rows = "5"> </textarea> <script type = "text/javascript"> var text = document.geteLementById ('text'); text.onkeyDown = function (e) {console.log ('keyDown'); if (e.keycode == 13) {console.log ('KeyDown masukkan kirim'); } console.log ('value', text.value); } text.onkeypress = function (e) {console.log ('keypress'); console.log ('value', text.value); } text.onkeyup = function (e) {console.log ('keyup'); if (e.keycode == 13) {console.log ('keyup enter kirim'); } console.log ('value', text.value); } </script>Metode Input Bahasa Inggris:
Gambar di atas menunjukkan kesimpulannya:
Keydown dan Keypress terjadi ketika teks belum diketik ke dalam kotak input. Jika kotak teks adalah output dalam peristiwa Keydown dan Keypress, teks di kotak teks sebelum acara keyboard dipicu;
Ketika acara Keyup dipicu, pengoperasian teks memasukkan seluruh acara keyboard telah selesai, dan yang diperoleh adalah konten teks setelah acara keyboard dipicu.
Metode Input Cina: [tidak ada acara Keypress]
Setelah menekan tombol Enter untuk mengonfirmasi:
Metode input Cina menekan tombol enter saat input tidak ditentukan. Efek keydown dan keyup berbeda. Keydown tidak akan memicu acara Metode Preset Enter.
menjawab:
Sebagian besar metode input menyelesaikan proses input di keydown, jadi jika pengiriman input ada di acara Keyup, tombol input akan dikirim langsung ke tombol input dan tombol input akan diserahkan, yang mengakibatkan masalah konflik.
Metode: Ubah acara pengiriman input ke Keydown. Pada saat ini, ketika peristiwa Keydown terjadi, ia berada dalam metode input, dan tidak akan terjadi dalam peristiwa pengiriman kotak pengiriman, dengan demikian menyelesaikan konflik.
Beberapa tips:
Setelah Keydown dipicu, Keyup mungkin tidak dipicu. Ketika Keydown ditekan dan seret mouse, acara KeyUp tidak akan dipicu.
KeyPress terutama digunakan untuk menangkap karakter ANSI kecuali F1-12, Shift, Alt, Ctrl, Insert, Home, Pgup, Delete, End, PGDN, Scrolllock, Pause, Numlock, {menu Key}, { start Key } dan tombol panah.
Keydown dan Keyup biasanya dapat menangkap semua tombol di keyboard kecuali PRSCRN
Keypress hanya bisa menangkap karakter tunggal
Keydown dan Keyup dapat menangkap kombinasi kunci.
Tekan kunci menangkap kasus satu karakter
Keydown dan Keyup keduanya merupakan nilai untuk nilai key yang ditangkap oleh satu karakter, yang berarti bahwa kasus satu karakter tidak dapat dinilai.
Keypress tidak membedakan antara karakter numerik dari keyboard utama.
Keydown dan Keyup membedakan karakter numerik dari keyboard utama.
Di antara mereka, Keypress, Keydown dan Keyup PRSCRN tidak dapat ditangkap.
Saat menggunakan keyboard, Anda biasanya menggunakan fungsi kombinasi kunci yang mirip dengan Ctrl+Shift+Alt.
Artikel di atas tentang resolusi konflik metode input dan kunci pintasan untuk mengirim pesan adalah semua konten yang dibagikan oleh editor. Saya harap ini dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.