Wie kann man die Aktion des Klickens auf eine Schaltfläche mit jQuery oder JavaScript simulieren?

Lesezeit: 2 Minuten

Benutzer-Avatar
Ricky

Ich muss JavaScript verwenden, um die Aktion des Klickens auf Schaltflächen zu simulieren. Wie erreiche ich es? Kann ich es mit jQuery erreichen?

Ja, das geht mit jquery. Verwenden trigger Funktion. Hier Dokumentation. Hier ist ein Beispiel:

$('#foo').trigger('click');

  • Ist diese Lösung der Vanille in irgendeiner Weise vorzuziehen? .click() Methode? Gibt es vielleicht einen Laufzeitkostenunterschied zwischen den beiden?

    – Axolotl

    18. Juli 2018 um 16:55 Uhr

  • Ich kann nicht scheinen, dass dies im IE funktioniert. Irgendjemand anderes? $(this).trigger('click');

    – MamaVII

    28. November 2019 um 23:10 Uhr

  • Ignorieren, kann nach dem Hinzufügen anscheinend keinen Klick hinzufügen event.preventDefault();

    – MamaVII

    28. November 2019 um 23:22 Uhr

Sie können den Click-Event-Handler ausführen, der einem Schaltflächen-Steuerelement zugewiesen ist:

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

Einfach .klicken():

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

Folgender Code druckt zweimal angeklickt einen aus $('.submitBtn').click(); und andere $('.submitBtn').trigger('click')

$(document).ready(function() {

  $('.submitBtn').on('click', function() {

   console.log("Clicked!");

  })

$('.submitBtn').click();
$('.submitBtn').trigger('click')



});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<button menu="submitBtn" class="submitBtn len4 btn" title="submit" data-code-m="sbm.submit"> Click me
        </button>

Benutzer-Avatar
Apurv Chaudhary

Bitte versuchen Sie folgenden Code zB:

setTimeout(function() {
    $(".class_name").trigger('click');  
}, 2000);

Benutzer-Avatar
Gemeinschaft

Wenn Sie es in diese „Anonymous Document Ready Function“ einschließen, wird sichergestellt, dass die Schaltfläche vorhanden ist, bevor Sie darauf klicken. Nur für den Fall, dass versucht wird zu klicken, bevor das Element, auf das Sie klicken möchten, geladen ist. Dies würde dieses Problem beheben.

Denken Sie auch daran, dass eine ID einen Hash verwendet (z. B. #Schließen-Schaltfläche), aber wenn Sie auf ein Element klicken möchten, das eine KLASSE hat, dann tauschen Sie den Hash gegen einen einzelnen Punkt (z. B. .Schließen-Schaltfläche) aus.

jQuery(document).ready(function() {
        $("#close-button").trigger('click');    
});

1130400cookie-checkWie kann man die Aktion des Klickens auf eine Schaltfläche mit jQuery oder JavaScript simulieren?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy