Обработка, отслеживание нажатия клавиш кнопок клавиатур jQuery

    Опубликовано Andres - пт, 01/18/2019 - 11:19

    Здесь есть удобная форма где можно понять какой кнопки какой соответствует код.

    https://learn.javascript.ru/keyboard-events

    Здесь удобная функция для того что бы понять как писать код:

    https://itchief.ru/lessons/javascript/jquery-handling-events

    <script>
    $('body').on('keydown keypress keyup', function(e) {
       console.log('Тип события: ' + e.type); // keydown, keypress, keyup
       console.log('Код нажатой клавиши или символа: ' + e.which); // код символа позволяет получить только keypress
       console.log('Нажата клавиша Alt: ' + e.altKey);
       console.log('Нажата клавиша Ctrl: ' + e.ctrlKey);
       console.log('Нажата клавиша Shift: ' + e.shiftKey);
       console.log('Нажата клавиша Cmd (osMac): ' + e.metaKey);
    });
    </script>

    Мой код для отслеживания Ctrl+s:

            $('body').on('keydown keypress keyup', function(e) {
            
                if (e.ctrlKey && e.which === 83){
                    // console.log('Нажата клавиша Ctrl + s');
                }
            
            });