JSFiddle - React, Tailwind, and code Playground

by lollero

HTML

<a href="#">Link</a>

CSS

a {
    float: left;
    margin: 40px;
    padding: 10px;
    background: black;
    color: white;
}

a:hover,
a.hover {
    background: red;
}

JavaScript

var myLinks = document.getElementsByTagName('a');

for(var i = 0; i < myLinks.length; i++){

   myLinks[i].addEventListener(’touchstart’, function(){this.className = “hover”;}, false);

   myLinks[i].addEventListener(’touchend’, function(){this.className = “”;}, false);

}