Как отключить скролл у input типа number?

Question

[bozilly]

У поля типа number есть немного д***льное поведение. Можно изменять значение при помощи скролла. Т.е. если пользователь не убрал фокус с поля и попытается проскоблить, то получит скролл значения, а не страницы...
Можно это отключить?

Comments

[DevMan]

bozilly a какой браузер?
я вот проверил в 3-х на OSX - не скролит.

[bozilly]

Chrome 45, Linux. Проверил в винде - не скроллит. Думаю тогда на проблему можно забить:)

[littleguga]

bozilly: последний chrome, win7 - по дефолту скроллит :)

[littleguga]

bozilly: если ответ помог, отметьте решением, пожалуйста.

[bozilly]

littleguga: Опа, действительно. Я проверял до этого на виртуалке, в которую захожу раз в пол года. Возможно он тогда просто не успел обновиться. Сейчас скороллит :( Надеюсь баг. Поведение более чем глупое.

Answer 1

[littleguga]

Можно так

Answer 2

[WIking-2-0]

$('input[type="number"]').on('focus', function(e){
  $(this).on('wheel',function(e){ 
    e.preventDefault();
  });
});

Почему то mouseweel и scroll не работают в Firefox.
Но есть один минус. Если курсор находиться над полем number, то пользователь не сможет пролистывать страницу.
Можно потестить в песочнице .