title: How to disable mouseover event on onclick?
body: <p>I'm using <code>mouseover</code> and <code>mouseout</code> event wherein which will change the images on <code>mouseover</code> and <code>mouseout</code></p>
  <p>And when users click on link, can we disable <code>mouseout</code> event, so that that respective function will not be called?</p>
  <pre><code>&lt;td&gt;&lt;a href=&quot;javascript:void(0)&quot; id=&quot;LikeId&quot; onmouseover=&quot;like(1);&quot; onmouseout=&quot;like(2);&quot;&gt;&lt;span id=&quot;greenimg&quot; style=&quot;display:none&quot;&gt;&lt;img src=&quot;images/up_green.gif&quot; border=&quot;0&quot; /&gt;&lt;/span&gt;&lt;span id=&quot;gimg&quot;&gt;&lt;img src=&quot;images/up.gif&quot; border=&quot;0&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;&lt;td width=&quot;93%&quot;&gt;&lt;a href=&quot;javascript:void(0)&quot; id=&quot;DisLikeId&quot; onmouseout=&quot;dislike(2);&quot; onmouseover=&quot;dislike(1);&quot;&gt;&lt;span id=&quot;redimg&quot; style=&quot;display:none&quot;&gt;&lt;img src=&quot;images/down_red.gif&quot; border=&quot;0&quot; /&gt;&lt;/span&gt;&lt;span id=&quot;rimg&quot;&gt;&lt;img src=&quot;images/down.gif&quot; border=&quot;0&quot; /&gt;&lt;/span&gt;&lt;/a&gt;&lt;/td&gt;
  </code></pre>