masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
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
1329 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：
jquery
sumber：php.cn
Artikel sebelumnya：Contoh penugasan mendalam kepada tatasusunan json menggunakan kemahiran javascript_javascript Artikel seterusnya：Menggunakan isihan digabungkan dengan localeCompare untuk melaksanakan contoh pengisihan bahasa Cina dalam kemahiran JS_javascript
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
Isu terkini
Hantar borang tanpa butang menggunakan Javascript/Jquery Saya cuba menyerahkan borang tanpa butang dengan memanggil fungsi JavaScript dan melaksana...
daripada 2024-04-06 14:54:03
0
2
421
Bagaimana untuk mendapatkan semula nilai baris yang tidak dipilih dalam jadual data HTML menggunakan jquery Saya cuba mendapatkan nilai semua baris di mana butang tidak diklik. Sebagai contoh, apabi...
daripada 2024-04-05 09:26:49
0
1
1418
Perlukan skrip jquery untuk mengalihkan pilihan yang dipilih dari kotak pilihan berdasarkan pemilihan semasa pengguna akhir Saya mempunyai halaman HTML di mana pengguna akhir boleh meletakkan kedudukan item kami me...
daripada 2024-04-04 18:40:04
0
1
3528
Saya telah mencipta elemen dalam CSS tulen melalui penanda halaman. Ia dicipta tetapi tidak kelihatan Kod saya adalah seperti berikut: g=document.createElement('div');g.setAttribute("id&q...
daripada 2024-04-04 17:27:27
0
1
417
Tidak dapat menghantar data borang pada iOS Safari/Firefox Ini berfungsi pada semua platform kecuali Safari/Firefox pada iOS: jQuery("#gform_1&q...
daripada 2024-04-04 12:53:48
0
1
303
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan