Artikel ini menjelaskan metode JS untuk mengontrol pergantian halaman dengan mengimplementasikan keyboard web. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Saya pikir itu tidak umum untuk efek turnover halaman kontrol keyboard. Seringkali, di banyak situs web, terutama album foto, Anda dapat menggunakan keyboard untuk mengubah halaman ke atas dan ke bawah. Prinsipnya sangat sederhana. Cukup gunakan JS untuk memantau apakah pengguna telah menekan tombol atas dan bawah.
Sebagai contoh:
Salin kode sebagai berikut: <a id = "terakhir" href = "<? = $ Lefturl?>"> Bab Sebelumnya </a>
<a id = "booklist" href = "<? = $ booklisturl?>"> kembali ke direktori </a>
<a id = "next" href = "<? = $ rightUrl?>"> Bab berikutnya </a>
Kode JS adalah sebagai berikut:
Salin kode sebagai berikut: <bahasa skrip = "javascript">
<!-
terakhir = dokumen. geteLementById ("terakhir"). href;
next = dokumen. getElementById ("Next"). href;
BookList = Dokumen. getElementById ("BookList"). Href;
function keyup (e) {
if (navigator.appname == "Microsoft Internet Explorer")
{
var keycode = event.keycode;
var realkey = string.fromCharCode (event.keycode);
}kalau tidak
{
var keycode = E. yang;
var realkey = string.fromCharCode (E.WHICH);
}
if (keycode == 39) {
window.location.href = selanjutnya;
}
if (keycode == 37) {
window.location.href = terakhir;
}
if (keycode == 13) {
window.location.href = daftar buku;
}
}
document.onkeydown = keyup;
//->
</script>
Saya melihat fungsi ini secara online hari ini. Itu bagus. Saya dapat menambahkan fungsi ini di artikel di masa depan.
Salinan kode adalah sebagai berikut: var re =/<a href = ["']? ([-= w./?bum+) )"' media?>endah M;
if (window.document.body.innerhtml.search (re)> = 0) {
var sebelum_page = regexp. $ 1;
}
Jika Anda mencari ke "Halaman Sebelumnya", kode salinan didefinisikan sebagai berikut: var sebelumnya_page = regexp. $ 1;
var re =/<a href = ["']? ([-= w./?bum+) media ?>) MED?
if (window.document.body.innerhtml.search (re)> = 0) {
var next_page = regexp. $ 1;
}
Jika Anda mencari ke "halaman berikutnya", kode salinan didefinisikan sebagai berikut: var next_page = regexp. $ 1;
if (typeOf previal_page == "string" || typeof next_page == "string") {
document.onkeyDown = function () {
switch (event.srcelement.tagname) {
kasus "input":
kasus "TextArea":
kasus "pilih":
merusak;
bawaan:
if (event.keycode == 37 /* panah kiri* / && typeOf sebelumnya_page == "string") {
window.location.href = sebelumnya_page;
}
lain if if (event.keycode == 39 / * panah kanan * / && typeof next_page == "string") {
window.location.href = next_page;
}
}
}
}
Izinkan saya berbicara tentang implementasi kunci pintasan dari halaman-up dan turun yang telah saya buat. Ketika pengguna mengklik tombol panah kiri dan kanan, JS mendapatkan kode keyboard dan kemudian melompat ke halaman berikutnya atau halaman sebelumnya. Saat ini, banyak kode di internet adalah IE. Firefox tidak dapat dieksekusi. Sering kali, disebabkan oleh non-standar **. Klik () di bawah FF. Klik tag A di bawah IE. Secara default, ditransfer ke URL yang sesuai, tetapi tidak layak di bawah FF (OnClick () tidak apa -apa, tetapi ini adalah acara OnClick dari yang dieksekusi).
Solusinya juga sangat sederhana. Kita dapat menggunakan metode ini: Ketika pengguna mengklik tombol panah kanan, cukup tetapkan atribut HREF A di halaman berikutnya ke window.location.href.
Salin kode sebagai berikut: var $ = fungsi (id)
{
return document.getElementById (id);
}
var hotkey = fungsi (e)
{
var e = e || peristiwa;
var k = e.keycode || E. yang || e.charcode; // Dapatkan Kode Kunci
if (k == 37)
{
if ($ ("prevPage"))
window.location.href = $ ("prevPage"). href;
}
lain jika (k == 39)
{
if ($ ("nextpage"))
window.location.href = $ ("nextpage"). href;
}
lain jika (k == 72)
{
if ($ ("home"))
window.location.href = $ ("home"). href;
}
}
document.onkeydown = hotkey; // tombol kiri dan kiri
Saya berharap deskripsi dalam artikel ini akan bermanfaat untuk pemrograman web semua orang berdasarkan JavaScript.