Bagaimana untuk Mengenalpasti Kunci Aksara Ditekan dalam JavaScript Merentasi Pelayar?

Barbara Streisand
Lepaskan: 2024-10-27 01:53:30
asal
283 orang telah melayarinya

How to Identify the Pressed Character Key in JavaScript Across Browsers?

Mengenal pasti Kekunci Aksara Ditekan dalam Javascript

Mengesan kekunci aksara yang ditekan dalam cara yang serasi merentas pelayar menggunakan Javascript tulen boleh dicapai melalui langkah berikut:

Penyelesaian:

Untuk mencapainya, kami menggunakan dua kaedah bergantung pada penyemak imbas yang digunakan:

  1. Internet Penjelajah: Jika objek window.event tersedia, ekstrak sifat KeyCode objek acara.
  2. Netscape/Firefox/Opera: Jika sifat e.which hadir, gunakannya untuk mendapatkan semula kod kunci aksara.

Kod Contoh:

Coretan kod berikut menunjukkan pelaksanaan:

<code class="javascript">function myKeyPress(e) {
  var keynum;

  if (window.event) { // IE
    keynum = e.keyCode;
  } else if (e.which) { // Netscape/Firefox/Opera
    keynum = e.which;
  }

  alert(String.fromCharCode(keynum));
}</code>
Salin selepas log masuk

Penggunaan:

Untuk menggunakan kod ini, masukkannya ke dalam dokumen HTML anda bersama medan input yang boleh menangkap peristiwa penekanan kekunci:

<code class="html"><input type="text" onkeypress="return myKeyPress(event)" /></code>
Salin selepas log masuk

Apabila kekunci aksara ditekan dalam medan input, coretan kod akan melaksanakan fungsi myKeyPress, mengenal pasti kod kunci aksara dan memaparkan aksara yang sepadan dalam tetingkap amaran.

Atas ialah kandungan terperinci Bagaimana untuk Mengenalpasti Kunci Aksara Ditekan dalam JavaScript Merentasi Pelayar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!