`.keyCode` vs. `.which`: Manakah Pengecam Kekunci Peristiwa Penekanan Kekunci Terbaik?

Pengenalpastian Kunci Acara Tekan Kekunci: .keyCode vs. .which

Dalam mengendalikan acara penekanan kekunci, pembangun sering menghadapi pilihan antara menggunakan .keyCode dan .yang menentukan ketukan kekunci. Walaupun kedua-duanya berfungsi untuk mengenal pasti kekunci yang ditekan, terdapat perbezaan yang ketara dan pertimbangan keserasian merentas penyemak imbas.

Secara sejarah, .keyCode digunakan secara meluas untuk mengesan penekanan kekunci, tetapi sokongannya tidak konsisten merentas penyemak imbas. Sesetengah menggunakan kod Unicode watak, manakala yang lain menggunakan nilai khusus platform. Ketidakkonsistenan ini boleh membawa kepada tingkah laku yang tidak dijangka dalam aplikasi merentas pelayar.

Sebaliknya, .yang merupakan pendekatan yang lebih normal. Ia mengembalikan nilai piawai yang mewakili pengecam logik kunci, tanpa mengira pelayar atau platform. Walau bagaimanapun, ia mungkin tidak disokong dalam penyemak imbas lama.

Untuk menangani isu merentas penyemak imbas yang berpotensi, jQuery menyeragamkan gelagat menekan kekunci dengan sentiasa menggunakan .which. Ia menukar nilai tidak standard daripada penyemak imbas yang berbeza kepada format yang konsisten, menjadikannya pilihan yang boleh dipercayai untuk keserasian merentas penyemak imbas.

Jika menggunakan JavaScript vanila, pembangun boleh memastikan keserasian penyemak imbas dengan menggunakan gabungan kedua-dua sifat, sebagai berikut:

<code class="js">var key = 'which' in e ? e.which : e.keyCode;</code>

Kod ini menyemak sama ada .yang ditakrifkan dalam objek acara; jika ya, ia menggunakan nilainya. Jika tidak, ia akan kembali menggunakan .keyCode.

Sebagai alternatif, pendekatan yang lebih ringkas boleh digunakan:

<code class="js">var key = e.which || e.keyCode || 0;</code>

Ungkapan ini mengendalikan kemungkinan .which menjadi 0 dengan memulihkannya kepada itu nilai pada penghujungnya, menggunakan operator OR logik JavaScript yang berkuasa (||).

Atas ialah kandungan terperinci `.keyCode` vs. `.which`: Manakah Pengecam Kekunci Peristiwa Penekanan Kekunci Terbaik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!