how to simulate hover of css using javascript

Question

I have a below HTML file and when I manually move cursor on the dummy link, it shows me yellow color, as I have added that style on css hover. Same I would like to simulate with java script. Here below is the image for reference.

image

Please suggest me how to achieve it?

<!DOCTYPE html>
<html>
<head>
<style>
a:hover {
   background-color: yellow;
}
</style>
</head>
<body>

<a href="https://####">dummylink</a>

<p><b>Note:</b> The :hover selector style links on mouse-over.</p>

</body>
</html>

try this link may be it help, stackoverflow.com/questions/11371550/… — Sumit Patel
– Sumit Patel, Commented May 4, 2018 at 5:39
try this i hope it will help you <a href="https://####" onmouseover="style.background='yellow'" onmouseout="style.background='white'" >dummylink</a> — PHP Geek
– PHP Geek, Commented May 4, 2018 at 6:24

CertainPerformance · Accepted Answer · 2018-05-04 05:35:30Z

3

Use the mouseover and mouseout events:

const a = document.querySelector('a');
a.onmouseover = () => a.style.backgroundColor = 'yellow';
a.onmouseout = () => a.style.backgroundColor = null;

<a href="https://####">dummylink</a>

answered May 4, 2018 at 5:35

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

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

2 Comments

Developer Over a year ago

How do I know the color of element and which style was added for hover.I just want to do the same action which I did manually with javascript i.e mouse hover.Actually it is for Regression testing in which we automate the actions to test the functionalities.

CertainPerformance Over a year ago

If you want to assign the color string to a variable and use it elsewhere, feel free to do so.

Collectives™ on Stack Overflow

how to simulate hover of css using javascript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related