JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
  <li><a href="link-1">Link 1</a></li>
  <li><a href="link-2">Link 3</a></li>
  <li><a href="link-3">Link 4</a></li>
  <li><a href="link-4">Link 5</a></li>
</ul>

JavaScript

$("body").on('mouseover', 'a', function(e) {
            var $link = $(this),
                href = $link.attr('href') || $link.data("href");

            $link.off('click.chrome');
            $link.on('click.chrome', function() {
                    window.location.href = href;
                })
           
                .attr('data-href', href) //keeps track of the href value
                .css({ cursor: 'pointer' })
                .removeAttr('href'); // <- this is what stops Chrome to display status bar
});