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'));

Andrew Cooper · Accepted Answer · 2018-01-30 23:02:47Z

15

Try this:

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

edited Jan 30, 2018 at 23:02

answered Jun 3, 2011 at 3:41

Andrew Cooper

32.7k5 gold badges86 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Elgoog Over a year ago

For others that are looking for an answer to this I used the above and it didn't work, I made a small change: $('#myDiv').trigger('mouseenter'); and it worked fine, might be a browser issue, not sure. Thanks again @Andrew Cooper

user180574 Over a year ago

Same here, this should not be the chosen answer unless modified.

natedavisolds · Accepted Answer · 2011-06-03 03:42:37Z

6

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

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

answered Jun 3, 2011 at 3:42

natedavisolds

4,2951 gold badge22 silver badges25 bronze badges

Comments

Daniel · Accepted Answer · 2016-08-04 13:29:54Z

0

For testing Bootstrap tooltips showing it's better to use:

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

trigger('hover') simply isn't sufficient to trigger it.

answered Aug 4, 2016 at 13:29

Daniel

18.7k8 gold badges69 silver badges90 bronze badges

Collectives™ on Stack Overflow

send hover event programmatically

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related