JSFiddle - React, Tailwind, and code Playground
HTML
<div class="myDiv" data-track='hover'>
test
</div>
<div class="myDiv" data-track='hover'>
test2
</div>
JavaScript
$('.myDiv[data-track=hover]').on("mouseenter",function(){
var $elem = $(this);
$elem.attr("data-hover",true);
window.setTimeout(function() {
if ($elem.attr("data-hover")) {
console.log('mouse is still over this element');
console.log($elem);
}
}, 2000);
})
$('.myDiv[data-track=hover]').on("mouseenter",function(){
$(this).attr("data-hover",false);
});