mouseover javascript event code example

Example 1: addeventlistener hover js

let test = document.getElementById("test");

test.addEventListener("mouseover", function( event ) {
  alert("mouse over test!")
  , false);

Example 2: javascript on hover

<img onmouseover="enlargeImage(this)" border="0" src="smiley.gif" alt="Smiley" width="32" height="32">

<script>
function enlargeImage(x) {
  x.style.height = "64px";
  x.style.width = "64px";
}
</script>

Example 3: css change text on hover

Check this:
https://codepen.io/DevLorenzo/pen/vYXbJvd

Example 4: on hover event

onmouseover event

Example 5: on mouseover in javascript

The mouseover event is fired at an Element when a pointing device 
(such as a mouse or trackpad) is used to move the cursor onto the 
element or one of its child elements.