Element Inspector

by Borna Almasi

HTML

<div>
    <p> a p element <span>spanning </span><b>boldness</b></p>
    <button>butt</button>
    <div> inner Div </div>
    </div>

CSS

.mouseOn{
  background-color: #bcd5eb !important;
  outline: 2px solid #5166bb !important;
}

JavaScript

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