javascript - jQuery keypress/keyup/etc events not fired when select box is expanded

Question

Check out my code sample here: http://pastebin.com/D1ZctG11

The gist is: If you have a select box expanded (either via the keyboard or mouse), jquery's key events do not seem to fire - at least not in Mac Chrome.

Are there any workarounds?

My end goal is to select what the user has typed while the select box is expanded when using the optgroup element.

edit:

jsfiddle link: http://jsfiddle.net/XacfX/

Thanks
Mustafa

Answer 1

I think you have to use jQuery's change():

http://jsfiddle.net/vvBqE/11/

Unless I misunderstood you, you can see which option the user has selected this way. You can also use the key events in my example but the callback function won't be triggered if the user selects an option by using mouse only.