Heim > Web-Frontend > js-Tutorial > Wie simuliere ich Klicks auf Elemente (z. B. Spans) mit PhantomJS?

Wie simuliere ich Klicks auf Elemente (z. B. Spans) mit PhantomJS?

Susan Sarandon
Freigeben: 2024-12-07 15:10:16
Original
420 Leute haben es durchsucht

How to Simulate Clicks on Elements (e.g., Spans) Using PhantomJS?

PhantomJS: Elementklicks simulieren

Kontext:

Beim Versuch, mit auf ein Element zu klicken Wenn Sie die Funktion „page.evaluate“ von PhantomJS verwenden, tritt möglicherweise ein Fehler auf, der damit zusammenhängt, dass „undefiniert“ als Funktion aufgerufen wird. Dies tritt auf, wenn das Zielelement ein Bereich und keine native Eingabeschaltfläche ist.

Lösung:

Um dieses Problem zu beheben und einen Klick auf ein beliebiges Element zu simulieren, verwenden Sie die folgende benutzerdefinierte Funktion:

function click(el){
    var ev = document.createEvent("MouseEvent");
    ev.initMouseEvent(
        "click",
        true /* bubble */, true /* cancelable */,
        window, null,
        0, 0, 0, 0, /* coordinates */
        false, false, false, false, /* modifier keys */
        0 /*left*/, null
    );
    el.dispatchEvent(ev);
}
Nach dem Login kopieren

Diese Funktion erstellt ein synthetisches Mausklickereignis und sendet es an das angegebene Element. Durch die Verwendung in Verbindung mit page.evaluate können Sie die Klickaktion effektiv simulieren:

page.evaluate(function() {
    click(document.getElementById('idButtonSpan'));  
});
Nach dem Login kopieren

Zusätzliche Hinweise:

  • Stellen Sie sicher, dass das Element zu angeklickt werden kann, ist über JavaScript zugänglich und befindet sich im DOM, wenn die page.evaluate-Funktion ausgeführt wird.
  • Dieser Ansatz bietet eine zuverlässige Methode zur Simulation klickt auf Elemente, die möglicherweise nicht auf Standardklickfunktionen reagieren, z. B. Bereiche, die als Schaltflächen fungieren.

Das obige ist der detaillierte Inhalt vonWie simuliere ich Klicks auf Elemente (z. B. Spans) mit PhantomJS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage