title: How do I disable a link with javascript and css?
body: <p>Do you know how to disable link for user only? I have </p>
  
  <pre><code>&lt;div class="searchoffertext" onclick="searchoffertext_selected('Banana')"&gt;&lt;a href="./search/Banana"&gt;Banana&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>So idea is that link /search/Banana is a valid link and I want to keep it for search indexing engines. However, I want when user click on link, the function searchoffertext_selected was called and nothing more happened.</p>