Sự kiện ấn phím key next righ và prev left trong bàn phím js javascript như thế nào?

Thảo luận trong 'Lập trình Javascript, js' bắt đầu bởi seolagi, 25/10/21.

  1. seolagi

    seolagi

    Moderator

    Thành viên BQT

    Tham gia ngày:
    16/4/14
    Bài viết:
    854
    Đã được thích:
    72
    Điểm thành tích:
    28
    Mình muốn bắt sự kiện ấn phím key next righ và prev left trong bàn phím mũi tên như hình dưới trong js jQuery, javascript như thế nào? sự kiện của cái nào cũng được js hay javascript đều được, bạn nào biết lệnh sự kiện nó là gì cho mình xin đoạn code, nghĩa là khi người dùng ấn phím mũi tên left hay mũi tên right mình sẽ lắng nghe và bắt được sự kiện của 2 nút này để thực hiện lệnh nào đó.

    su-kien-next-prev-left-right-trong-javascript.jpg
     
    Cảm ơn đã xem bài:

    Sự kiện ấn phím key next righ và prev left trong bàn phím js javascript như thế nào?

  2. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    4,524
    Đã được thích:
    1,096
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Của bạn đây nhé, code sẽ lắng nghe và lấy keyCode của bàn phím để thực hiện lệnh. Bạn có thể bắt các keyCode khác để xem các hành động của các phím khác nhé.

    Sự kiện bàn phím
    HTML:
    //sự kiện ấn phím mũi tên trái phải next và prev trong show js javasript
    jQuery(document).on('keyup', function (evt) {
        if (evt.keyCode == 39) { //39:next
            //xử lý mũi tên next phải
        }
        else if (evt.keyCode == 37) { // 37 prev
            //xử lý sự kiện mũi tên prev trá
        }    
    });
    
    Sự kiện click chuột hay rê chuột, giữ chuột
    HTML:
    var $body = $('body');
    $body.on('mousedown', function (evt) {
        $body.on('mouseup mousemove', function handler(evt) {
            if (evt.type === 'mouseup') {
                //sự kiện click chuột rồi thả ra
            } else {
                // sự kiện click giữ chuột trên màn hình
                //evt.pageY (vị trí Y điểm rê) evt.pageX (vị trí X điểm rê)
            }
            $body.off('mouseup mousemove', handler);
        });
    
     
    Chỉnh sửa cuối: 25/10/21
    seolagi thích bài này.
  3. seolagi

    seolagi

    Moderator

    Thành viên BQT

    Tham gia ngày:
    16/4/14
    Bài viết:
    854
    Đã được thích:
    72
    Điểm thành tích:
    28
    Cảm ơn ad ạ, em đã dùng code bắt được sự kiện bàn phím như mong muốn
     


Like và Share ủng hộ ITSEOVN