Clic de activación de jQuery

La publicación de hoy enseñará sobre el evento de clic disparador de jQuery.

Activar evento de clic en jQuery

jQuery proporciona un método de disparador que ejecuta cualquier controlador y comportamiento adjunto a elementos coincidentes para el tipo de evento especificado.

Sintaxis:

.trigger(eventType[, extraParameters])

1. eventType es una cadena que contiene un tipo de evento de JavaScript, como un clic o un envío.
2. extraParameters son parámetros adicionales para pasar al controlador de eventos.

Cualquier controlador de eventos asociado con .on() o una de sus técnicas de acceso directo se precipitan mientras ocurre el evento correspondiente. Sin embargo, pueden activarse manualmente utilizando el método .trigger().

Una llamada a .trigger() ejecuta los controladores en el mismo orden en que estarían si el evento hubiera sido activado por el usuario.

A partir de jQuery 1.3, los eventos .trigger() aparecen en el árbol DOM; un controlador de eventos puede evitar el burbujeo devolviendo false desde el controlador o llamando al enfoque .stopPropagation() en el objeto de evento excedido en el evento. A pesar de que .trigger() simula la activación de un evento completo con un objeto de evento sintetizado, ahora no replica perfectamente un evento seguro.

El objeto de evento se pasa constantemente como primer parámetro a un controlador de eventos. También se puede entregar una serie de argumentos a la llamada .trigger(), y esos parámetros se pueden pasar junto con el controlador siguiendo correctamente el objeto del evento.

A partir de jQuery 1.6.2, se puede pasar una sola cadena o un argumento numérico sin estar encerrado en un array.

La técnica .trigger() se puede utilizar en colecciones jQuery que envuelven objetos JavaScript simples similares a un mecanismo Pub/Sub; se puede invocar cualquier controlador de eventos dado para el objeto cuando se genera el evento.

Entendámoslo con el siguiente ejemplo.

<a onclick="doSomething()">Google</a>
<button type="button" id="trigger-btn">Trigger</button>

$('#trigger-btn').click(function() {
  console.log('triggering')
  $('a').trigger('click');
});

function doSomething() {
  alert('Click event is triggered on the link.');
}

En el ejemplo anterior, hemos definido la función clic que notifica al usuario. Puede pasar el atributo href con un enlace específico.

Tomemos un ejemplo en el que otro elemento debería activar este click. En este ejemplo, hemos definido el botón trigger que activa el click.

Intente ejecutar el fragmento de código anterior en cualquier navegador que admita jQuery; mostrará el resultado a continuación.

Producción:

Manifestación