Rumah > hujung hadapan web > tutorial js > Jquery bertindak balas kepada kekunci masukkan dan terus menyerahkan kod operasi borang_jquery

Jquery bertindak balas kepada kekunci masukkan dan terus menyerahkan kod operasi borang_jquery

WBOY
Lepaskan: 2016-05-16 16:41:15
asal
1347 orang telah melayarinya

Perkaranya seperti ini, saya membuat halaman log masuk, mengalih keluar Borang, dan terus menggunakan Ajax Jquery untuk berinteraksi dengan pelayan, tetapi dalam kes ini, penyemak imbas tidak akan bertindak balas secara lalai kepada kekunci Enter untuk menyerahkan data . Cuma biarkan Jquery mengambil alih respons kekunci Enter:

Salin kod Kod adalah seperti berikut:

$("#loginbox input[type='submit']").klik(function() {
//Pengesahan interaktif Ajax dan pelayan
});
$('#loginbox').keydown(fungsi(e){
Jika(e.keyCode == 13){
//Simulasikan mengklik butang log masuk dan mencetuskan acara Klik di atas
$("#loginbox input[type='submit']").klik();
}
});

Jika anda menggunakan keydown, IE6 mungkin tidak berfungsi. Sila baca di bawah untuk penyelesaiannya

Terdapat 3 acara papan kekunci:

Kekunci kekunci, tekan kekunci dan kekunci masing-masing bermaksud menekan ke bawah, menahan ke bawah tanpa menaikkan dan menaikkan papan kekunci.

Kod yang betul ialah:

Salin kod Kod adalah seperti berikut:

$(dokumen).keyup(fungsi(acara){
if(event.keyCode ==13){
$("#submit").trigger("klik");
}
});

Disyorkan: keyup untuk mengelakkan papan kekunci komputer riba daripada disentuh secara tidak sengaja

1. Beberapa dokumen mempunyai tulisan seperti ini:

Salin kod Kod adalah seperti berikut:

$(window).keydown(function(){
...
})

Ia tidak berjaya di bawah IE6 di bawah sistem XP.

2. Terdapat juga INPUT

Salin kod Kod adalah seperti berikut:

$("input").keydown(function(){
...
})

Dalam kes ini, acara papan kekunci hanya boleh dipantau apabila input mendapat fokus.
Label berkaitan:
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan