What mouse event?

Question

Ive noticed that if i mouse-down on a button, move my pointer from the button area, then return to it without releasing the button it still remembers that i have 'mouse-downed' on the button.

Im trying to set button styles appropriatly, could anyone enlighten me as the correct javascript/jquery event to use for this?

I would really hate to use some sort of counter for this.

EDIT: OK current hacky solution;

Global called hotbutton

   $('.thisbutton').onmouseenter{if (hotbutton='thisbutton'){drawmousedowntheme();}} 

   $('.thisbutton').onmousedown{hotbutton='thisbutton';drawmousedowntheme();}

$(document).onmouseup{hotbutton=''}

Answer 1

mousedown even should do the trick:

$("#button_id").mousedown(function(){
    $(this).css('color', '#00ff00');
});

Answer 2

What I do is:

• Add a style ("hot") in the mouseover handler;
• Add another style ("active") in the mousedown handler;
• Remove "active" in the mouseup handler;
• Remove both "active" and "hot" in the mouseout handler

The actual important stuff I always bind to "click".

Answer 3

Why use jQuery? Set it in CSS, and the browser will do it for you (won't it?).