JSFiddle - React, Tailwind, and code Playground

by igos

CSS

#draggable { width: 150px; height: 150px; padding: 0.5em; }
 .mouseOn{ background-color: #bcd5eb !important; outline: 2px solid #5166bb !important;}

JavaScript

prevElement = null;
document.addEventListener('mousemove', function(e) {   
		var elem = e.target || e.srcElement;
    
    if(elem.id == "draggable") {
        return;
    }
    
		if (prevElement != null) {
			prevElement.classList.remove("mouseOn");
		}
		elem.classList.add("mouseOn");
		prevElement = elem;
	}, true);

$('<div id="draggable">Test</div>').appendTo('body');


$( "#draggable" ).draggable();