He agregado un evento de mouseover en el botón. En ese caso, estoy llamando al evento mouseover en el ancla. Sin embargo, ese mouseover ancla no se activa correctamente. No puedo ver la vista previa de la URL en la esquina inferior izquierda, como si pudiera ver si coloco el cursor sobre el elemento ancla. ¿Cómo podría activar correctamente el mouseover en un ancla?
$(document).ready(function() { $("button.pdfbutton").mouseover(function(e) { $("#anchorelem").show(); $("#anchorelem").mouseover(); }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <button class="pdfbutton">PDF</button> <a href="https://google.com" id="anchorelem" style="display: none;">Some text</a>La vista previa de la URL de un elemento <a> en la esquina inferior izquierda de su navegador (que yo sepa) no se activa mediante un evento JS (lo que significa que no puede activarlo llamando a mouseover() ). Es solo la funcionalidad nativa del navegador. Si desea mostrar la vista previa, le sugiero uno de los siguientes:
<a> y dale estilo para que parezca un botón normal. Luego, cuando alguien se desplace sobre él, verá el enlace al que conduce. $(document).ready(function() { $("button.pdfbutton").mouseover(function(e) { $("#anchorelem").show(); $("#anchorelem").mouseover(); $("#txt_lnk").bind('click', false); }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <button class="pdfbutton"> <a id="txt_lnk" href="http://text-to-show" style="text-decoration:none; color:black;">PDF</a> </button> <a href="http://google.com" id="anchorelem" style="display: none;">Some text</a>