Breaking News: Grepper is joining You.com. Read the official announcement!

prevent input type number from increasing by scrolling

Fatima Alqaruty answered on July 12, 2023 Popularity 3/10 Helpfulness 1/10

answer prevent input type number from increasing by scrolling

prevent input type number from increasing by scrolling

Comment

// disable mousewheel on a input number field when in focus
// (to prevent Chromium browsers change the value when scrolling)
$('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')
})

Popularity 3/10 Helpfulness 1/10 Language whatever

Source: stackoverflow.com

Tags: input whatever

Link to this answer
Share Copy Link