Change HTML-select element value with mousewheel in Firefox

Question

Hi there,

Is there any possibility to tell Firefox to use the mousewheel für scrolling through the select element. In firefox after selecting another value the select element looeses its focus, and in IE it doest loose its focus, so if i use my wheel the onchange event is fired.

Try here.

Is there any solution?

Thank you

Answer 1

There is this really cool jQuery Mouse Wheel Extension

Adds mouse wheel support for your application! Just call mousewheel to add the event and call unmousewheel to remove the event.

Example

Answer 2

There's a tutorial on how to act on mousewheel events at http://www.switchonthecode.com/tutorials/javascript-tutorial-the-scroll-wheel.

Mootools is a good way of engaging this as well: see the tutorial at http://demos.mootools.net/CustomEvents

But, I'd recommend against using Javascript to change how a browser behaves. Firefox users (whether they're aware of it or not) learn to expect certain behaviors, so changing that would make your site harder to use. Jakob Nielsens comment on 'the scroll wheel's revenge' comes immediately to mind.