Question

Take an input field like this:

​<input type='number' step='1' />​​​​​​​​​​​​​​​​​

In Chrome, you can change the value of this field by clicking on it then moving the scroll wheel up or down. However, you cannot simply hover over the field and use the scroll wheel to change it (like you can in Opera). How can I change this behavior so that I don’t have to select the field to change it with the scroll wheel? I’m open to solutions using javascript/jQuery (but not jQuery UI). I’m using Chrome 21 for Linux if that matters.

Answer 1

Using hover()

    $("#spinner").hover(
        function()
        {
            $(this).focus();
        },
        function(){
            $(this).blur();
        }
);​

http://jsfiddle.net/Yeqmp/3/