simulate mouseover

by Artem

HTML

<div id="target_div">target div</div>

CSS

#target_div:hover {
  background-color: blue;
}

JavaScript

function simulateMouseover() {
  var event = new MouseEvent('mouseover', {
    'view': window,
    'bubbles': true,
    'cancelable': true
  });
  var myTarget = document.getElementById('target_div'); 
  var canceled = !myTarget.dispatchEvent(event);
}

function mouseOverBehaviour() {
    myElement = document.getElementById("target_div");
     // attach mouseover event listener to element
    myElement.addEventListener("mouseover", function(event) {
        // change the color of the font
        event.target.style.color = "red";
    });  
    // call the simulation
    setTimeout(simulateMouseover,3000);
}

mouseOverBehaviour();