Simulation d'un clic dans jQuery/JavaScript sur un lien

Question

Je veux simuler un clic sur un lien sur une page en utilisant JavaScript. Si ce lien a une fonction liée à son événement 'onclick' (par tout autre JS sur lequel je n'ai aucun contrôle), alors cette fonction doit être appelée sinon le lien devrait se comporter normalement et ouvrir une nouvelle page.

Je ne suis pas sûr que juste vérifier la valeur du gestionnaire « onclick » suffirait. Je veux construire ceci pour qu'il fonctionne sur n'importe quel élément de lien.

Je ne contrôle pas sur quelle fonction binded peut-être à l'événement onclick du lien en utilisant la bibliothèque selon JS (pas nécessairement jQuery) ou JavaScript en utilisant simplement.

EDIT: À l'aide des réponses ci-dessous, il semble qu'il soit possible de vérifier les gestionnaires d'événements attachés à l'aide de jQuery ou à l'aide de l'attribut onclick. Comment puis-je vérifier les gestionnaires d'événements attachés en utilisant addEventListener/toute autre bibliothèque JS afin qu'elle soit infaillible?

Answer 1

Vous pouvez utiliser la fonction click pour déclencher l'événement, cliquez sur l'élément sélectionné.

Exemple:

$('selector for your link').click(); 

Vous pouvez en apprendre davantage sur les différents sélecteurs jQuery de documentation.

EDIT: comme les commentateurs ci-dessous l'ont dit; Cela ne fonctionne que sur les événements attachés avec jQuery, inline ou dans le style de "element.onclick". Cela ne fonctionne pas avec addEventListener, et il ne suivra pas le lien si aucun gestionnaire d'événement n'est défini. Vous pouvez résoudre cela avec quelque chose comme ceci:

var linkEl = $('link selector'); 
if (linkEl.attr ('onclick') === undefined) { 
    document.location = linkEl.attr ('href'); 
} else { 
    linkEl.click(); 
} 

Je ne sais pas si addEventListener.

Answer 2

Facile! Il suffit d'utiliser la fonction click jQuery:

$("#theElement").click(); 

Answer 3

Tout d'abord voir ce question pour voir comment vous pouvez trouver si un lien a un gestionnaire jQuery qui lui est attribué.

utilisation suivante:

$("a").attr("onclick") 

pour voir s'il y a un événement javascript qui lui est attribué.

Si l'une des réponses ci-dessus est vraie, appelez la méthode du clic. Sinon, procurez-vous le lien:

$("a").attr("href") 

et suivez-la.

Je crains que je ne sais pas quoi faire si addEventListener est utilisé pour ajouter un gestionnaire d'événements. Si vous êtes responsable de la source de la page complète, utilisez uniquement des gestionnaires d'événements jQuery.

Answer 4

Juste

$("#your_item").trigger("click"); 

en utilisant .trigger(), vous pouvez simuler de nombreux types d'événements, il suffit de passer comme paramètre.

Answer 5

Tout cela peut ne pas aider lorsque vous utilisez le bouton de forme à distance des rails pour simuler un clic. J'ai essayé de porter la belle simulation d'événement du prototype ici: my snippets. Je l'ai fait et ça marche pour moi.

Answer 6

Essayez cette

function submitRequest(buttonId) { 
    if (document.getElementById(buttonId) == null 
      || document.getElementById(buttonId) == undefined) { 
     return; 
    } 
    if (document.getElementById(buttonId).dispatchEvent) { 
     var e = document.createEvent("MouseEvents"); 
     e.initEvent("click", true, true); 
     document.getElementById(buttonId).dispatchEvent(e); 
    } else { 
     document.getElementById(buttonId).click(); 
    } 
} 

et vous pouvez l'utiliser comme

submitRequest("target-element-id"); 

Answer 7

Pourquoi ne pas simplement le javascript bon vieux?

$('#element')[0].click()