Ich versuche, den Klick eines Benutzers auf eine Site zu emulieren, deren Code ich nicht kontrolliere. Das Element, das ich versuche, mit einem Div als Schaltfläche zu verknüpfen.

<div role="button" class="c-T-S a-b a-b-B a-b-Ma oU v2" aria-disabled="false" style="-webkit-user-select: none;" tabindex="0">
    Generate
</div>

Die Ereignis-Listener, die dem Element zugeordnet sind (laut Chrome-Inspektor), sind:

Und ich versuche einfach, auf die Schaltfläche zu klicken, indem ich Folgendes verwende:

var button = $('.c-T-S.a-b.a-b-B.a-b-Ma.oU.v2')
button.click()

... aber nichts passiert. Der Selektor ist gültig, bestätigt durch:

alert($('.c-T-S.a-b.a-b-B.a-b-Ma.oU.v2').length); // alerts "1"

Ich habe Permutationen aller Event-Handler ausprobiert

button.trigger('click');
button.mouseover().mousedown().mouseup()
button.trigger('mouseover', function() { button.trigger('mousedown', function() { button.trigger('mouseup'); });  });

... aber immer noch nichts. Wie kann ich einen Klick auf dieses Div simulieren?

Wenn es nicht klar ist, versuche ich, einen Klick auf dieses Div zu simulieren und die ursprüngliche Funktion auszulösen, ohne eine neue Klickfunktion für das Element zu definieren.

AKTUALISIERE

Viele dieser Antworten klicken zwar auf die Schaltfläche, führen jedoch nicht zum gleichen Ergebnis wie manuelles Klicken auf die Schaltfläche. Es scheint also, dass das Problem nicht unbedingt darin besteht, auf die Schaltfläche per se zu klicken, sondern ein @ zu emuliereech klicken