title: How do I simulate a mouseover in pure JavaScript that activates the CSS ":hover"?
body: <p>I've been trying to find code to simulate <code>mouseover</code> in Chrome but even though the "mouseover" listener gets fired, the CSS "hover" declaration is never set! </p>
  
  <p>I tried also doing:</p>
  
  <pre><code>//Called within mouseover listener
  theElement.classList.add("hover");
  </code></pre>
  
  <p>But nothing seems to change the element to what is declared in its <code>hover</code> declaration.</p>
  
  <p>Is this possible?</p>