JAVASCRIPT

onhover

<div id="foo" onmouseover="doSmth()">

html onhover

<script>
	doSomething(){
    	console.log("hovered")
    }
</script>

<a onhover="doSomething()">Hover Here</a>

onHover

onHover = false;
to;

enter() {
    this.to = setTimeout(() => {
        this.onHover = true;
        // doing some other stuff...
    }, 2000);
}

leave() {
    clearTimeout(this.to);
    this.onHover = false;
    // doing some other stuff...
}