Désactiver le défilement sur `<input type=number> `

Question

Est-il possible de désactiver la molette de défilement en changeant le numéro dans un champ de numéro de saisie ? J'ai joué avec le CSS spécifique au webkit pour supprimer le spinner, mais j'aimerais me débarrasser complètement de ce comportement. J'aime utiliser type=number car cela fait apparaître un joli clavier sur iOS.

Answer 1

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

Answer 2

input = document.getElementById("the_number_input")
input.addEventListener("mousewheel", function(event){ this.blur() })

http://jsfiddle.net/bQbDm/2/

Pour un exemple jQuery et une solution multi-navigateur, voir la question connexe :

Écouteur d'événement HTML5 pour le défilement de la saisie numérique - Chrome uniquement