Отмена действия при нажатии на стрелочки в input'е

Question

Появилась необходимость убрать перемещение курсора в начало/конец input'а при нажатии стрелочек вверх/вниз. Как это реализовать? Желательно с использованием jQuery.

Answer 1

Использовать preventDefault для события keydown

$('input').keydown(function(e) {
  if (["ArrowDown", "ArrowUp"].indexOf(e.key) > -1) {
    e.preventDefault();
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" value="Some value">

Answer 2

Вот, я бы сделал так, instead ответ frozencoast'a

$('input').keydown((e)=>{
    if(e.keyCode === 38 || e.keyCode === 40){
        e.preventDefault();
    }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" value="Some value">

Или можно еще проще:

$('input').keydown((e)=>(e.keyCode === 38 || e.keyCode === 40) ? e.preventDefault() : 0);

БЛОГ НА HUSL

Отмена действия при нажатии на стрелочки в input'е

Ответы (2 шт):