Activar botón o enlace con jQuery

Activar botón o enlace con jQuery

Activar botón o enlace con jQuery

En este tutorial aprenderemos cómo activar un botón o un enlace 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 lo 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.

Si te ha gustado no olvides compartir en redes sociales.

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

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Translate »
Ir a la barra de herramientas