title: Events of an image in HTML and JavaScript
body: <p>I am working with a banner, which have some buttons that I control with the events <code>onmouseover()</code> and <code>onmouseout()</code> with the  tag as follow:</p>
  
  <pre><code>&lt;img src="image_1.png" 
       onmouseover="this.src='image_2.png'"
       onmouseout="this.src='image_1.png'" /&gt;
  </code></pre>
  
  <p>This is working perfectly, but I want to know if there is some kind of event of holding an image when it has been clicked, in order to know on which zone I am working on.</p>
  
  <p>I hope I made myself clear.</p>
  
  <p>Supose I have SECTION 1, SECTION 2, SECTION 3. So, when I select SECTION 1, the image SECTION 1, appears to be selected the hole time I am working on that SECTION. If I change to SECTION 2, only the image of SECTION 2 appears to be selected, and so on!</p>