Activar botón o enlace con jQuery

En este tutorial aprenderemos cómo activar un botón o un enlace con jQuery para que ejecute su función como si hiciésemos click sobre él con el ratón.

Función trigger(«click»)

Podemos ejecutar dinámicamente eventos en un elemento con la función trigger()

Veamos un ejemplo

<!-- Botón de ejemplo -->
<button type="button" class="btn btn-success" id="botonSalir">Salir</button>
<script> 
    //Seleccionamos el elemento y ejecutamos el evento click
    $("#botonSalir").trigger("click");
</script>

Función click()

También es posible ejecutar el evento click de esta manera.

Veamos un ejemplo

<!-- Enlace de ejemplo -->
<a href="google.es" id="iraGoogle">Google</a>
<script>
    //Ejecutamos un click en el enlace 
    $("#iraGoogle").click();
</script>

Diferencia entre click() y trigger(«click»)

Realmente las dos funciones hacen lo mismo pero si que existe una pequeña diferencia.

La función click() está dentro del grupo de los alias de eventos, que llaman a las funciónes on() y trigger(), de modo que si utilizamos la función click(), ésta tiene que llamar a la función trigger() para ejecutar el evento. En cambio si utilizamos la función trigger() el evento se ejecuta antes.

Más tutoriales de jQuery

Si te ha gustado no olvides compartir en redes sociales.

[addthis tool=»addthis_inline_share_toolbox_6jt6″]

Espero que te haya servido. Cualquier duda deja un comentario. Un saludo