(1) Установите атрибут tabindex
:
<div id="mydiv" tabindex="0" />
(2) Привязать к нажатию клавиши:
$('#mydiv').on('keydown', function(event) {
//console.log(event.keyCode);
switch(event.keyCode){
//....your actions for the keys .....
}
});
Чтобы установить фокус на начало:
$(function() {
$('#mydiv').focus();
});
Чтобы удалить - если вам это не нравится - граница фокуса div
, установите контур: нет
в CSS.
Дополнительные возможности keyCode
см. В таблице кодов клавиш .
Весь код предполагает, что вы используете jQuery.
#