JSFiddle - React, Tailwind, and code Playground
HTML
<div></div>
CSS
div {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #ccc;
cursor: crosshair;
}
JavaScript
$("div").on({
mousemove: function(e) {
if ($(this).data('lastClick') + 10 < e.timeStamp) {
this.innerHTML = "Event: " + e.type;
console.log('move');
}
},
click: function(e) {
$(this).data('lastClick', e.timeStamp);
this.innerHTML = "Event: " + e.type;
console.log('click');
}
});