¿Cómo simulo que un usuario haga clic en un enlace en JQuery?

Question

Ahora hay muchas preguntas parecidas aquí, pero me preguntaba, ¿qué debo hacer si no solo quiero cambiar el location de la ventana, sino también desencadenar las funciones que puedan estar relacionadas con el evento click, y solo cambie el href si están de acuerdo con él, o simplemente redireccione, si no hay oyentes.

Por ejemplo:

var a = $('.edithost'); 
a.click(function() {return false;}); 

¿Debo haga clic en el enlace con el ratón, nunca me lleva a la href, por lo que sólo redirigir al usuario attr('href') cambiaría el comportamiento previsto de la página. Además, hacer clic se aplica no solo a los enlaces, sino también a los botones, en cuyo caso tendría que enviar el formulario, etc.

Me preguntaba si es posible emular haciendo clic en un elemento, por lo que todo el comportamiento del navegador es exactamente el mismo, como si se hiciera clic con el mouse?

No puede haber oyentes vinculados a un enlace.

Ejemplo:

var a = $('<a href="google.com">google</a>'); 
a.click(); 
a.trigger('click'); 

Esto no le llevará a Google, quiero hacer que haga.

Actualización: .click() no funcionará. trigger('click') también. preventDefault no tiene nada que ver con esto

Answer 1

En IE, puede llamar al .click() en el elemento, pero para los navegadores estándar debe simular el evento click creando un evento de mouse nativo y luego usar dispatchEvent para activarlo.

que resumió todo en este jQuery 'plug-in':

$.fn.simulateClick = function() { 
    return this.each(function() { 
     if('createEvent' in document) { 
      var doc = this.ownerDocument, 
       evt = doc.createEvent('MouseEvents'); 
      evt.initMouseEvent('click', true, true, doc.defaultView, 1, 0, 0, 0, 0, false, false, false, false, 0, null); 
      this.dispatchEvent(evt); 
     } else { 
      this.click(); // IE 
     } 
    }); 
} 

Ahora, a llamarlo:

$('.edithost').simulateClick(); 

Answer 2

Sí, muy simple:

$('#YourSelector').click(); 

esto emular un clic del usuario.

Answer 3

Realmente no entiendo lo que quiere hacer. con esto:

a.click(function(e){ 
e.preventDefault(); 
}); 

puede detener el comportamiento predeterminado del evento (en este caso, volver a dirigir a a.attr ('href')). Luego puede realizar cualquier tarea que desee y luego redirigir al usuario manualmente.

¿Esto es lo que estás buscando?

Si desea activar el evento clic, simplemente hacer

a.click(); 

Answer 4

Trate a[0].click();

Esto ejecutará el método del elemento DOM click en lugar de desencadenar el evento.