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
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,029
    Đã được thích:
    80
    Điểm thành tích:
    48
    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
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,897
    Đã được thích:
    1,198
    Đ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
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,029
    Đã được thích:
    80
    Điểm thành tích:
    48
    Cảm ơn ad ạ, em đã dùng code bắt được sự kiện bàn phím như mong muốn
     


Chủ để tương tự : Sự kiện
Diễn đàn Tiêu đề Date
Lập trình Javascript, js Cách sự kiện trong javascript thường sử dụng 7/4/16
Lập trình Javascript, js Bắt sự kiện bàn phím trong jQuery và javascript, sự kiện đơn và kép 21/11/14
Lập trình Javascript, js Cách copy text to Clipboard sử dụng js/jquery/Javascript toàn tập 9/3/20
Lập trình Javascript, js Lấy giá trị, sử dụng lệnh trong javascript 7/1/16
Lập trình Javascript, js Tìm hiểu jquery sử dụng AJAX trong lập trình Javascript 15/8/15