JSFiddle - React, Tailwind, and code Playground

by Darby Rathbone

HTML

<a href="http://google.com">I'm a link, hover me and you should see an effect</a>

CSS

body {
    background: #fff;
}
a:link {
    text-decoration: none;
    font-size: 2em;
    color: #000;
}
.hovered {
    text-decoration: underline !important;
}

JavaScript

window.addEventListener('mousemove', function (e) {
    if (document.elementFromPoint(e.pageX, e.pageY).nodeName == "A") {

        document.elementFromPoint(e.pageX, e.pageY).classList.add('hovered');
        e.cancelBubble();
    }
    else{ 
        [].slice.call(document.links).forEach( function (b) {
            b.classList.remove('hovered');
        });

    }

});