Cara Mengesan Penekanan Kekunci Enter dalam jQuery: tekan kekunci() vs. kekunci bawah()

Mengesan Penekanan Kekunci Enter dalam jQuery: Panduan Komprehensif

Untuk mengesan dengan mudah apabila pengguna menekan kekunci Enter dengan jQuery, anda mempunyai dua penyelesaian alternatif:

Kaedah 1: Kaedah tekan kekunci()

Kaedah tekan kekunci() ialah alat yang mujarab untuk memantau tekanan kekunci. Ia mencetuskan peristiwa apabila sebarang kekunci ditekan dan boleh digunakan seperti berikut:

$(document).on('keypress',function(e) {
    if(e.which == 13) {
        alert('You pressed enter!');
    }
});

Berikut ialah pecahan kod:

• $(document).on ('keypress', function(e)): Baris ini melampirkan pengendali acara pada dokumen untuk mendengar acara penekanan kekunci.
• (e.which == 13): Bahagian ini mengesahkan sama ada kekunci yang ditekan sepadan dengan kekunci Enter, yang mempunyai Kod kekunci 13 merentas semua penyemak imbas.

Kaedah 2: Kaedah keydown()

Sebagai alternatif, anda boleh menggunakan kaedah keydown() untuk mengesan penekanan kekunci Enter. Kaedah ini menangkap peristiwa apabila kekunci pada mulanya ditekan ke bawah. Kod untuk pendekatan ini adalah serupa dengan contoh sebelumnya:

$(document).on('keydown',function(e) {
    if(e.keyCode == 13) {
        alert('You pressed enter!');
    }
});

Perbezaan antara kekunci() dan kekunci() terletak pada masanya. keydown() tercetus serta-merta apabila kekunci ditekan, manakala kekunci() menunggu sehingga kekunci ditekan dan dilepaskan.

Pertimbangan Keserasian Penyemak Imbas

jQuery mengendalikan penyemak imbas dengan lancar keserasian, memastikan kod berfungsi secara konsisten merentas pelayar yang berbeza. Dalam kes mengesan penekanan kekunci Enter, menggunakan kod kekunci 13 disokong secara universal.

Oleh itu, anda boleh menggunakan kaedah tekan kekunci() atau kekunci() dengan yakin untuk mengesan penekanan kekunci Enter dengan jQuery tanpa perlu risau tentang penyemak imbas. -kebiasaan khusus.

Atas ialah kandungan terperinci Cara Mengesan Penekanan Kekunci Enter dalam jQuery: tekan kekunci() vs. kekunci bawah(). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!