Is mouse over element on page refresh without moving it?
<p>lupa@stromox.com</p>

<p>password123</p>

<p><strong>Note:</strong> Really important to read the whole question because I know there's many look-alike out there but that don't answer it, so before saying "possible duplication of bla bla bla", read and understand.</p>

<p><strong>Explanation:</strong> When I refresh this <a href="https://jsfiddle.net/eamc11ew/" rel="nofollow noreferrer">jsfiddle</a> with my mouse over the tag <code>a</code> and don't move, it does the event like I want but when I use that same code on my file, Test.html, and try to do replicate, it just doesn't work untill I click or move around.</p>

<p><strong>Question:</strong> How can I make it (with Javascript, no jQuery) so that on document/page load/refresh it checks if the mouse is on the element and if so, change the style.</p>

<p><strong>P.S.:</strong> I noticed that most questions related with this are some years old and that don't work to me. Most of the sites work in terms of doing events/changing the style of things when I refresh with the mouse hovering something and not moving. I don't understand what I'm mising.</p>