title: Prevent <a> link from opening when pressing the ENTER key
body: <p>I have a list, in which each element contains a link. By default, when the list element has "focus" and the I hit the ENTER key, the browser automatically redirects to the link. Is there a way to prevent this behavior?</p>
  
  <p>So simply, I guess my question is how to prevent a link from opening when the user hits ENTER on "focus()"</p>
  
  <p>HOWEVER, I still want to keep the link opening behavior on mouse CLICK event!!</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt; &lt;a href="SOMELINK1"&gt;LINK1&lt;/a&gt; &lt;/li&gt;
      &lt;li&gt; &lt;a href="SOMELINK2"&gt;LINK2&lt;/a&gt; &lt;/li&gt;
  &lt;ul&gt;
  </code></pre>