Secara default, sistem menggunakan tombol Tab untuk mengalihkan fokus elemen halaman. Pernahkah Anda berpikir bahwa tombol Enter juga dapat mencapai fungsi ini dan memberikan pengalaman pengguna yang baik. Selanjutnya, kami menggunakan Jquery untuk mengimplementasikan tombol Enter untuk mengalihkan fokus. Kode ini telah diuji di browser yang umum digunakan IE7, IE8, Firefox 3, Chrome 2 dan Safari 4.
Alat pengembangan yang digunakan adalah kerangka Microsoft VS2010+Jquery
Langkah-langkah implementasinya adalah sebagai berikut
1. Referensi pertama ke perpustakaan kelas Jquery
<skrip src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
2. Kode Javascript
<skrip tipe="teks/javascript">
$(fungsi () {
$('input:teks:pertama').fokus();
var $inp = $('masukan:teks');
$inp.bind('keydown', fungsi (e) {
var key = e.yang;
jika (kunci == 13) {
e.preventDefault();
var nxtIdx = $inp.index(ini) + 1;
$(":input:teks:eq(" + nxtIdx + ")").fokus();
}
});
});
</skrip>
menganalisis :
$('input:teks:pertama').fokus();
Saat halaman diinisialisasi, fokus ditempatkan di kotak teks pertama
var $inp = $('masukan:teks');
Ambil koleksi elemen type=text box
$inp.bind('keydown', fungsi (e) {}
Ikat acara 'keydown' ke koleksi kotak teks
var key = e.yang;
Dapatkan nilai kunci yang sedang ditekan, seperti Enter key value = 13
e.preventDefault();
Anda dapat mencegah terjadinya perilaku default dan hal lain terjadi. Di sini kami mencegah terjadinya PostBack dan mengalihkan fokus. Metode serupa lainnya adalah stopPropagation, yang mencegah peristiwa js meluap.