Javascript onClick and onmouseover and onmouseOut
<p>I would like to ask how to differentiate between onClick and onMouseOver and onMouseOut.</p>

<p>For instance, 
I use onMouseOver to change the tab background to grey using</p>

<pre><code>onMouseOver="this.style.backgroundColor=Blue;"
</code></pre>

<p>onMouseOut takes away this background</p>

<pre><code>onMouseOut="this.style.backgroundColor=White;"
</code></pre>

<p>How do I write a call for onClick that gives a blue background and keeps it there even when the mouse cursor moves away from the tab?</p>

<p>Thanks</p>
