Disable MouseWheel on Input type Number

by Faisal Khan Janjua

HTML

<form>
  <input type="number" />
</form>

JavaScript

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

$('form').on('blur', 'input[type=number]', function (e) {
  $(this).off('wheel.disableScroll');
});