title: Javascript onClick and onmouseover and onmouseOut
body: <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>