Как настроить событие при нажатии кнопки на клавиатуре??

Question

[Umid]

Здравствуйте, пишу презентацию в виде слайдера во весь экран и решил настроить событие для смены слайда на стрелки - влево и вправо.
Как можно это реализовать на JavaScript И JQuery??

И есть ещё 1 вопросик, какой можно установить плагин для Sublime(2) для подцветки js и jquery синтаксиса??

Answer 1

[Денис Инешин]

Вот так: jsfiddle.net/7o9maLLs/1
+ можно добавить еще кнопок, помимо стрелочек

$(document).on('keyup', function (event) {
    var key = event.which;
    
    switch (key) {
        case 8:  // backspace
        case 33: // Page Up
        case 37: // <-
            console.log("Назад");
            break;
        case 32: // space
        case 34: // Page Down
        case 39: // ->
            console.log("Вперед");
            break;
    }
});

Comments

[Umid]

Спасибо, а что даёт .which??? Ату погуглил не нашёл

[Денис Инешин]

Umid: универсальный атрибут с кодом нажатой кнопки.

[Umid]

Не понел, или он просто определяет какую именно кнопку нажали??

[Денис Инешин]

Umid: да

[Umid]

Денис Инешин: Окей, спасибо большое! А насчёт плагина для подсцветки синтаксиса не подскажете?

[Денис Инешин]

Umid: https://highlightjs.org/

Answer 2

[Владимир Ио]

$(document).keydown(function(e) {
    switch(e.which) {
        case 37: // left
        break;

        case 38: // up
        break;

        case 39: // right
        break;

        case 40: // down
        break;

        default: return; // exit this handler for other keys
    }
    e.preventDefault(); // prevent the default action (scroll / move caret)
});

Answer 3

[GreatRash]

А не проще заюзать готовые решения?

Comments

[Umid]

нет, плагина пользоваться не хочу! Стараюсь всё делать сам!

[GreatRash]

Umid: Ну в таком случае стоит и от jQuery отказаться, для чистоты, так сказать, процесса.

[Umid]

ну jquery это библиотека)))

[GreatRash]

Umid: Библиотека ГОТОВЫХ решений, да.

[Umid]

))