Bagaimana untuk Menentukan Kekunci Aksara Ditekan Merentasi Pelayar dengan JavaScript?

Menentukan Kekunci Aksara Tekan Silang-Pelayar dengan Javascript

Dalam pembangunan web moden, adalah penting untuk mengendalikan acara input papan kekunci secara konsisten merentas penyemak imbas yang berbeza . Keperluan biasa adalah untuk mengenal pasti kunci aksara yang dikaitkan dengan ketukan kekunci pengguna. Berikut ialah penyelesaian silang penyemak imbas untuk mencapainya menggunakan Javascript tulen:

Pendekatan:

Kunci untuk mengenal pasti kekunci aksara yang ditekan terletak pada pengendalian acara penyemak imbas. Penyemak imbas yang berbeza mungkin mengendalikan peristiwa penting sedikit berbeza, memerlukan pendekatan yang serasi.

Pelaksanaan:

Coretan Javascript berikut menyediakan pelaksanaan merentas penyemak imbas:

<code class="js">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>

Penjelasan:

• Fungsi myKeyPress direka untuk mengendalikan acara penekan kekunci.
• Ia menyemak keserasian penyemak imbas dengan mengesan sama ada window.event atau e.yang tersedia.
• Pembolehubah keynum menyimpan kod angka yang dikaitkan dengan kekunci yang ditekan.
• Akhir sekali, String.fromCharCode(keynum) menukar kod angka kepada aksara yang sepadan.

Penggunaan:

Untuk menggunakan pengendali acara ini dan memaparkan aksara yang ditekan dalam tetingkap amaran, anda boleh menambah pendengar acara onkeypress pada medan input, seperti yang ditunjukkan di bawah:

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

Dengan melaksanakan penyelesaian serasi silang penyemak imbas ini, anda boleh mendapatkan semula aksara yang dikaitkan dengan ketukan kekunci dalam Javascript dengan berkesan, tanpa mengira pilihan penyemak imbas pengguna.

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