Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Menentukan Kekunci Ditekan dalam Acara Penekanan Kekunci jQuery?

Bagaimanakah Saya Boleh Menentukan Kekunci Ditekan dalam Acara Penekanan Kekunci jQuery?

Patricia Arquette
Lepaskan: 2024-12-09 11:07:07
asal
473 orang telah melayarinya

How Can I Determine the Pressed Key in a jQuery Keypress Event?

Menentukan Kekunci Ditekan dalam Acara Penekanan Kekunci jQuery

Apabila mengikat pada acara tekan kekunci dalam jQuery, terdapat dua sifat yang boleh digunakan untuk mengenal pasti kekunci yang ditekan: keyCode dan yang mana.

Menggunakan kod kunci dan yang mana

Anda boleh mengetahui kunci yang mana ditekan menggunakan Kod kekunci atau sifat objek acara yang mana.

$('#searchbox input').bind('keypress', function(e) {
  var code = e.keyCode || e.which;
  if (code == 13) { //Enter keycode
    //Do something
  }
});
Salin selepas log masuk

Variasi dalam Sokongan Penyemak Imbas

Sesetengah penyemak imbas menyediakan kedua-dua kod kunci dan yang mana, manakala yang lain hanya boleh menyediakan satu. Secara umumnya, yang lebih disukai dalam penyemak imbas yang lebih baharu, manakala keyCode disokong dalam penyemak imbas lama.

Menyerahkan pada Kunci ENTER

Untuk mencetuskan serahan apabila kekunci ENTER ditekan, anda boleh menggunakan kod berikut :

$('#searchbox input').bind('keypress', function(e) {
  var code = e.keyCode || e.which;
  if (code == 13) {
    $(this).closest('form').submit();
  }
});
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menentukan Kekunci Ditekan dalam Acara Penekanan Kekunci jQuery?. 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