Как забиндить нажатие клавиши на какой-то класс?

Question

[Сергей Шилов]

Привет! У меня есть простенькая навигация по блогу "предыдущий пост" и "следующий пост", я хочу забиндить их на стрелку влево и вправо соответственно. Гуглёж на протяжении 15 минут не дал ничего вразумительного пока что. Куда копать?

Answer 1

[Сергей Соколов]

См. jQuery.keydown() например.

$(document).on("keydown", function(e){
  console.log(e.key) // ArrowLeft, ArrowRight
})

(fiddle)

Comments

[Сергей Шилов]

Не понял, а как в этом примере конкретно биндить ссылку на клавишу? Вывод кода клавиши я уже прочитал как сделать

[Сергей Соколов]

Сергей Шилов, разбирать условием:

if( e.key === 'ArrowLeft') goPost(-1);
else if( e.key === 'ArrowRight') goPost(1);

[Сергей Шилов]

goPost - это что? И как рефрешить скрипт если там ajax?

[Сергей Соколов]

goPost() – условная функция показа следующего или предыдущего поста. В вопросе отсутствуют подробности устройства навигации. Где там ajax и как осуществляется переход между постами?

Как вариант, вместо goPost() – window.location="https://super_blog.ru/?p=123";

[Сергей Шилов]

Сергей Соколов, ну, у меня ajax Навигация между записями, и скрипт клавиатуры надо, видимо, реинициализировать, верно?

Можете, пожалуйста, конкретизировать пример? Ниже реальные кнопки

https://jsfiddle.net/kjzhbL7w/

[Сергей Соколов]

Сергей Шилов, https://jsfiddle.net/sergiks/kjzhbL7w/15/

[Сергей Шилов]

Сергей Соколов, блин, спасибо большое! На конкретных проектах проще понимать логику, Вы очень помогли. Однако, подскажите, как после ajax-загрузки реинициализировать скрипт?

[Сергей Шилов]

Сергей Соколов, сообразил, сделал))