JSFiddle - React, Tailwind, and code Playground

by R

HTML

<input type="checkbox" class="hoverAble" value="hover here"/><br />
<input type="checkbox" class="hoverAble" value="hover here"/><br />
<input type="checkbox" class="hoverAble" value="hover here"/>

JavaScript

$(".hoverAble").mouseenter(function() {

    this.select();
    console.log('test1');

}).mouseleave(function() {
    this.blur()    
        console.log('test2');

});