JSFiddle - React, Tailwind, and code Playground
HTML
<div class='fakeImage' id='image1'></div>
<div class='fakeImage' id='image2'></div>
CSS
.fakeImage {
border: 1px solid #000000;
margin: 5px;
width: 50px;
height: 50px;
}
JavaScript
var image = null;
$('.fakeImage').on('mouseover', function(e) {
image = $(e.currentTarget);
});
$('.fakeImage').on('mouseout', function(e) {
image = null;
});
$(document).keypress(function(e) {
if (e.which == 13 && image) {
console.log(image);
alert('Your mouse was over: ' + image.attr('id'));
}
});