How do I trigger a event in jQuery when any item in a select box is selected?

I want to freeze animations on a page while a select box is chosen and then restar开发者_高级运维t them when the select box is released. It's easy to freeze them with .focus() but I'm having trouble after this.

If I use .blur(), this doesn't work when an item in the select box is selected as it retains focus. If I use .change(), this doesn't work if the item selected isn't changed. If I use .mouseup() this overrides the .focus() that was used at the beginning.

The closest I can get is to use a combination of .blur() and .change(). This catches all events except for selecting the item that was already selected. Surely there's an event for this that I can't find.

Have you looked into using the click() event?

That said, you may want to consider building your own UI widget to emulate what a select box does, since it seems like the native select box isn't quite working out for you.

Are you trying to trigger on mousedown and mouseup? Would those two events work better?