Kaedah Js untuk merealisasikan kemahiran halaman kawalan papan kekunci halaman web turning_javascript

Contoh dalam artikel ini menerangkan kaedah menggunakan JS untuk mengawal perubahan halaman melalui papan kekunci pada halaman web. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut:

Saya rasa kita tidak melihat kesan pusingan halaman yang dikawal oleh papan kekunci Selalunya pada banyak tapak web, terutamanya album foto, anda boleh terus menggunakan papan kekunci untuk membuka dan menurunkan halaman. Hanya gunakan js untuk memantau sama ada pengguna menekan butang atas atau bawah Hanya tekan kekunci.

Contohnya:

Salin kod Kod adalah seperti berikut: ">Bab Sebelumnya ">Kembali ke direktori ">Bab Seterusnya Kod js adalah seperti berikut:

Salin kod Kod adalah seperti berikut: last=document . getElementById("last").href; next=document . getElementById("next").href; booklist=document . getElementById("booklist").href; fungsi keyUp(e) { if(navigator.appName == "Microsoft Internet Explorer") { var keycode = event.keyCode; var realkey = String.fromCharCode(event.keyCode); }lain { var keycode = e.which; var realkey = String.fromCharCode(e.which); } if(keycode==39){ window.location.href=next; } if(keycode==37){ window.location.href=last; } if(keycode==13){ window.location.href=booklist; } } document.onkeydown = keyUp; //--> Saya melihat fungsi ini dari Internet hari ini. Saya boleh menambah fungsi ini pada artikel pada masa hadapan

Salin kod Kod adalah seperti berikut: var re = / [[( ]? /igm; if (window.document.body.innerHTML.search(re) >= 0) { var PREVIOUS_PAGE = RegExp.$1 } Jika anda mencari ke "halaman sebelumnya", tentukan Salin kod Kod adalah seperti berikut: var PREVIOUS_PAGE = RegExp. $1 ; var re = / [[( ]? /igm; if (window.document.body.innerHTML.search(re) >= 0) { var NEXT_PAGE = RegExp.$1; }

Jika anda mencari ke "halaman seterusnya", tentukan Salin kod Kod adalah seperti berikut: var NEXT_PAGE = RegExp. $1 ; jika (jenis PREVIOUS_PAGE == "rentetan" || jenis NEXT_PAGE == "rentetan") { document.onkeydown = function() { suis (event.srcElement.tagName) { kes "INPUT": kes "TEXTAREA": kes "PILIH": rehat; lalai: jika (event.keyCode == 37 /* Anak Panah Kiri*/ && jenis PREVIOUS_PAGE == "rentetan") { window.location.href = PREVIOUS_PAGE; } else if (event.keyCode == 39 /* Anak Panah Kanan */ && jenis NEXT_PAGE == "rentetan") { window.location.href = NEXT_PAGE } } } }

Biar saya bercakap tentang pelaksanaan kunci pintasan untuk halaman atas dan bawah yang telah saya buat. Apabila pengguna mengklik kekunci anak panah kiri dan kanan, js mendapat kod papan kekunci dan kemudian melompat ke halaman seterusnya atau sebelumnya Pada masa kini, banyak kod di Internet adalah daripada IE dan tidak boleh dilaksanakan di bawah Firefox tidak menyokong bukan standard Disebabkan oleh **.click(), operasi klik pada teg A di bawah IE akan diubah hala ke URL yang sepadan secara lalai, tetapi ini tidak boleh dilaksanakan di bawah FF (onClick() adalah OK, tetapi ini adalah acara onClick A dilaksanakan). Penyelesaian juga sangat mudah Kita boleh menggunakan kaedah ini: tangkap apabila pengguna mengklik kekunci anak panah kanan, dan tetapkan atribut href A pada halaman seterusnya ke window.location.href.

Salin kod Kod adalah seperti berikut: var $=function(id) { Kembalikan document.getElementById(id); } var hotKey=function(e) { var e =e||peristiwa; var k = e.keyCode||e.which||e.charCode;//Dapatkan kod kunci Jika (k == 37) { jika ($("PrevPage")) window.location.href = $("prevPage").href; } lain jika (k == 39) { jika ($("Halaman seterusnya")) window.location.href = $("NextPage").href; } lain jika (k == 72) { jika ($("rumah")) window.location.href = $("home").href; } } document.onkeydown = hotKey; //Kekunci kiri dan kanan Saya harap artikel ini akan membantu pengaturcaraan web semua orang berdasarkan JavaScript.