send hover event programmatically

Question

Just a quick question about hover events, How can I send a hover event to an element without the user hovering (programmatically).

example:

// Send hover event
$('#myDiv').sendHoverEvent();

// What to do once hovering
$('#myDiv').hover(console.log('hovering'));

Answer 1

Try this:

 $('#myDiv').trigger('mouseenter'); 

Answer 2

Hover connects two events. The one you want to trigger is mouseenter.

$('#myDiv').mouseenter();