title: Preventing cursor change on link click in Chrome
body: <p>Clicking on a link in Chrome (not Safari or Firefox) changes the cursor from pointer to arrow. Can this behavior be prevented? I.e., is it possible to still have the pointer after clicking, but while the cursor is still hovering over the link?</p>
  
  <p>EDIT: Okay so I've done a little more testing. First of all, the only reason anyone would want the cursor to remain as a pointer after clicking on a link is if the link does not actually load another page but rather fires a JS event instead.</p>
  
  <pre><code>&lt;a href="test"&gt;Test&lt;/a&gt;
  
  // JQuery
  $("a").click(function(event) { event.preventDefault(); }
  </code></pre>
  
  <p>With the above code, event.preventDefault (or returning false) will allow the cursor to remain a pointer after click. This will suffice for most uses, namely triggering a DOM manipulation and/or AJAX request.</p>
  
  <p>The problem is with history.pushState():</p>
  
  <pre><code>&lt;a href="test"&gt;Test&lt;/a&gt;
  
  // JQuery
  $("a").click(function(event) {
      history.pushState(arg1, arg2, url);
      event.preventDefault(); return false;
  }
  </code></pre>
  
  <p>Here the pointer DOES change to an arrow. Any ideas on how to stop that from happening?</p>