Как не скроллить div при нажатии клавиш UP и DOWN?

Question

[faragly]

Здравствуйте! Есть выпадающий div и он с overflow-x: auto; и нужно сделать навигацию по элементам с помощью клавиш up, down, left и right, но при этом чтобы не происходил скроллинг дива, как это сделать? Для управления нажатия клавиш планирую использовать angular-hotkeys.

Решение:
Написал у дива ng-keydown="arrows($event)", в функции

switch (event.keyCode) {
      case 40:
// здесь выполняю действия по нажатию
      event.preventDefault();
      break;
.....
}

Мне нужно было в выпадающем дропдаун диве перемещаться по пунктам с помощью стрелок на клавиатуре, но вместе с этим прокручивался скролл у дива.

Answer 1

[Виталий Инчин ☢]

Vash_div.addEventListener("keydown", function(e){
e = e||event;
e.preventDefault ? e.preventDefault() : (e.returnValue=false);
});

Answer 2

[Леван]

Можно сделать , следующим образом узнать код клавиш и патом отменить действие по умолчанию....... event.keyCode();