Cách chuyển trang bằng bàn phím

Thảo luận trong 'Các mặt hàng khác' bắt đầu bởi Bao Linh, 26/12/15.

  1. Bao Linh

    Bao Linh Thành Viên

    Dùng phím tắt để chuyển trang cứng cáp là một chiếc gì đó thật sự thú vị sở hữu các bạn, vì vậy giả dụ đượ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 Công ty thiết kế website chuyên nghiệp dưới đây.

    [​IMG]
    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 hài hòa phím Space vàShift+Space để lên xuống website nhanh hơn, nếu ngược ngược tay thì dùng phím PgUp và PgDn cũng siêu ổn. loại này mà mặc định của trình duyệt sẽ cho phép bạn làm cho điều đó.

    Nhưng ở đây mình ko kể đến việc di chuyển 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 không tiêu dùng PHP mà là jQuery, việc bắt buộc 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 arrow
    if(!prev) return false;
    window.location.href = $('link[rel:prev]').attr('href');

    if (e.which == 77) // right arrow
    if(!next) return false;
    window.location.href = $('link[rel=next]').attr('href');

    );
    Trong đoạn js trên bạn thấy với 2 con số 90 và 77, ấy chính là ký tự thay thế cho phím bạn buộc phải dùng để chuyển trang, ở đây là phím Z và M. bây giờ bạn chỉ cần thêm một đoạn code HTML vào chổ nào ấy dễ nhìn thông báo cho người mua biết 2 phím tắt trên là ok rồi. Đảm bảo người mua của bạn sẽ sở hữu một trải nghiệm thú vị trên website của bạn. Thiết kế website responsive chúc bạn thành công.