sử dụng phím tắt để chuyển trang chắc chắn là một dòng gì ấy thật sự thú vị với khách hàng, bởi thế nếu được bạn hãy tích hợp thêm chuyển trang kế tiếp bằng bàn phím theo hướng dẫn ở bài này của mình dưới đây.
>>> Xem thêm: Thiết kế website theo yêu cầu
Thông thường, mình thường đọc báo hay đọc tin tức, hoặc lướt bất kỳ website nào mình cũng kết hợp phím Space vàShift+Space để lên xuống website nhanh hơn, trường hợp ngược ngược tay thì dùng phím PgUp và PgDn cũng cực kỳ ổn. loại này mà mặc định của trình duyệt sẽ cho phép bạn làm điều đó.
Nhưng ở đây mình ko nhắc đến việc đi lại lên xuống của 1 page trong website mà là chuyển đến trang kế tiếp bằng phím tắt bạn quy định sẵn trong code. Chúng ta ko dùng PHP mà là jQuery, việc phải khiến cho là cho đợn code dưới đây vào bất kỳ file JS nào trong theme của bạn sau lúc chọn được phím tắt thích hợp:
$(document).keydown(function(e)if (e.which == 90) // left arrowif(!prev) return false;window.location.href = $('link[rel=prev]').attr('href');if (e.which == 77) // right arrowif(!next) return false;window.location.href = $('link[rel=next]').attr('href');); >>> Dịch vụ uy tín: Thiết kế web mobile
Trong đoạn js trên bạn thấy có 2 con số 90 và 77, ấy chính là ký tự thay thế cho phím bạn nên dùng để chuyển trang, ở đây là phím Z và M. hiện tại bạn chỉ nên thêm 1 đoạn code HTML vào chổ nào đó dễ nhìn thông báo cho người dùng biết 2 phím tắt trên là ok rồi. Đảm bảo người dùng của bạn sẽ sở hữu 1 trải nghiệm thú vị trên website của bạn.
0 nhận xét:
Đăng nhận xét