Simulieren eines Klicks in jQuery/JavaScript auf einen Link

Question

Ich möchte einen Klick auf einen Link auf einer Seite mit JavaScript simulieren. Wenn dieser Link eine Funktion hat, die an sein "onclick" -Ereignis gebunden ist (durch irgendeinen anderen JS, den ich nicht kontrollieren kann), muss diese Funktion aufgerufen werden, ansonsten sollte sich der Link normal verhalten und eine neue Seite öffnen.

Ich bin mir nicht sicher, dass nur die Überprüfung des Werts des 'onclick' Handlers ausreichen würde. Ich möchte das so aufbauen, dass es auf jedem Link-Element funktioniert.

Ich habe keine Kontrolle darüber, welche Funktion vielleicht an das onclick-Ereignis des Links gebunden ist, mit welcher JS-Bibliothek (nicht unbedingt jQuery) oder einfach mit JavaScript.

EDIT: Mit Hilfe der Antworten unten sieht es aus wie es möglich ist, nach Ereignishandlern zu suchen, die mit jQuery angefügt werden, oder das onclick Attribut zu verwenden. Wie kann ich nach Event-Handlern suchen, die mit addEventListener/einer anderen JS-Bibliothek angehängt wurden, so dass es narrensicher ist?

Answer 1

Sie können die Funktion click verwenden, um das Klickereignis für das ausgewählte Element auszulösen.

Beispiel:

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

Sie können documentation über verschiedene Selektoren in jQuery lernen.

EDIT: wie die Kommentatoren unten gesagt haben; Dies funktioniert nur bei Ereignissen, die mit jQuery, inline oder im Stil von "element.onclick" verknüpft sind. Es funktioniert nicht mit addEventListener und folgt nicht der Verknüpfung, wenn keine Ereignisbehandlungsroutinen definiert sind. Man könnte dies mit so etwas wie dies lösen:

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

nicht über addEventListener obwohl wissen Sie.

Answer 2

Einfach! Verwenden Sie einfach click Funktion jQuery:

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

Answer 3

Zuerst dieses question sehen, um zu sehen, wie Sie feststellen können, ob ein Link ein jQuery-Handler zugeordnet ist.

Nächste Verwendung:

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

, um zu sehen, ob es ein Javascript-Ereignis zugeordnet ist.

Wenn eine der obigen Aussagen zutrifft, rufen Sie die Click-Methode auf. Wenn nicht, rufen Sie den Link:

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

und folgen Sie ihm.

Ich fürchte, ich weiß nicht, was zu tun ist, wenn addEventListener verwendet wird, um einen Event-Handler hinzuzufügen. Wenn Sie für die vollständige Seitenquelle zuständig sind, verwenden Sie nur jQuery-Ereignishandler.

Answer 4

Gerade

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

mit .trigger() Sie viele Arten von Veranstaltungen simulieren kann, nur um es als Parameter übergeben.

Answer 5

All dies kann nicht helfen, sagen Sie, wenn Sie Rails Remote-Formular-Taste verwenden, um Klick zu simulieren. Ich habe versucht, nette Ereignissimulation vom Prototyp hier zu portieren: my snippets. Habe es einfach gemacht und es funktioniert für mich.

Answer 6

Versuchen Sie, diese

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(); 
    } 
} 

und Sie es wie

submitRequest("target-element-id"); 

Answer 7

Warum nicht nur die guten alten Javascript verwenden kann?

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