How do I simulate a mouseover in pure JavaScript that activates the CSS “:hover”?

by

You can’t. It’s not a trusted event.

Events that are generated by the user agent, either as a result of user interaction, or as a direct result of changes to the DOM, are trusted by the user agent with privileges that are not afforded to events generated by script through the DocumentEvent.createEvent(“Event”) method, modified using the Event.initEvent() method, or dispatched via the EventTarget.dispatchEvent() method. The isTrusted attribute of trusted events has a value of true, while untrusted events have a isTrusted attribute value of false.

Most untrusted events should not trigger default actions, with the exception of click or DOMActivate events.

You have to add a class and add/remove that on the mouseover/mouseout events manually.

More Related Contents:

  1. required field notification using jquery
  2. CSS or jQuery : How to get visible top [duplicate]
  3. Write tags in HTML and print
  4. Change from (+) symbol to (-) after click (function(){
  5. How can i create html automatic change page? [duplicate]
  6. Can jQuery get all CSS styles associated with an element?
  7. Set timeout for ajax (jQuery)
  8. Keep overflow div scrolled to bottom unless user scrolls up
  9. Accessing a CSS custom property (aka CSS variable) through JavaScript
  10. Get a CSS value from external style sheet with Javascript/jQuery
  11. Changing width property of a :before css selector using JQuery [duplicate]
  12. Dashed border animation in css3 animation
  13. :touch CSS pseudo-class or something similar?
  14. CSS3-Animate elements if visible in viewport (Page Scroll)
  15. Synchronized scrolling using jQuery?
  16. How to use javascript conditionally like CSS3 media queries, orientation?
  17. How to create a responsive image that also scales up in Bootstrap 3
  18. Fullpage.js. Adding a scroll delay
  19. Check if element is between 30% and 60% of the viewport
  20. How to check if css value is supported by the browser?
  21. How do I make a move up and down when I’m scrolling the page?
  22. How to show live preview in a small popup of linked page on mouse over on link?
  23. Fade background image in and out with jQuery?
  24. Convert dropdown to selection boxes with color and trigger drop down action
  25. How to keep elements non-refreshed
  26. How do you swap DIVs on mouseover (jQuery)?
  27. Center an Image vertically and horizontally using CSS
  28. Change background on button click, using CSS only? [duplicate]
  29. Jquery/Javascript Opacity animation with scroll
  30. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?

Leave a Comment