<!DOCTYPE HTML>
<
html
>
<
head
>
<
title
>
How to disable scroll to change number
value in input type="number"
attribute in JavaScript/jQuery?
</
title
>
</
head
>
<
body
style
=
"text-align:center;"
>
<
h1
style
=
"color:green;"
>
GeeksforGeeks
</
h1
>
<
h3
>
Click on the button to disable
scrolling on input element
</
h3
>
<
form
>
<
input
id
=
"input"
type
=
"number"
/>
</
form
>
<
br
>
<
button
onclick
=
"GFG_Fun()"
>
Click Here
</
button
>
<
h3
id
=
"GFG"
style
=
"color: green;"
></
h3
>
<
script
>
let result = document.getElementById("GFG");
function GFG_Fun() {
let input = document.getElementById("input");
input.addEventListener("mousewheel",
function (event) {
this.blur()
});
result.innerHTML = "Mouse wheel disabled!";
}
</
script
>
</
body
>
</
html
>