title: Make a clickable link with onclick but without href=#?
body: <p>I have a set of clickable identifiers on my page. About hundred, like 'cat1', 'cat2', 'dog1', 'dog2', 'dog3' etc. Then I have a <code>function IDClick(id) {}</code></p>
  
  <p>I need those identifiers clickable in HTML, to achieve that I used <code>&lt;a&gt;</code> tag with <code>onclick</code></p>
  
  <pre><code>&lt;a onclick=IDClick(id)&gt;id&lt;/a&gt;
  </code></pre>
  
  <p>now it works, but the cursor will not change when it is hovered over the clickable element.</p>
  
  <p>So I try to add <code>href=#</code></p>
  
  <pre><code>&lt;a href=# onclick=IDClick(id)&gt;id&lt;/a&gt;
  </code></pre>
  
  <p>Now the cursor is OK, but when I click the item, the URL in the browser location bar will change. This is not desired.</p>
  
  <p>How to get the mixed behavior?</p>
  
  <p>I do not need underline as well.</p>