Mausklick simulieren

Mit dem HTML Schnipsel kann ich nichts anfangen. Was soll mir das zeigen?

Zitat von langi

Da die js-Files sehr umfangreich und kompimiert sind, konnte ich nicht eruieren wie und wo ein KIickereignis verarbeitet wird.

Das Versteh' ich nicht. Was hat der Umfang mit der Übersichtlichkeit zu? Oder hast du deinen Code minifiziert?

Einen Klick, kannst du mit HtmlElement.click() simulieren, Aber muss es wirklich ein simulierter Klick sein?

Normalerweise wir ein Klick von einem Klickhandler verarbeitet. Das ist eine Funktion, die du einfach beim Start deines Programs aufgerufen kannst.

Zitat von langi

[...] fast aller Code ist minifiziert.

Und du hast die Quelldateien nicht? Woher ist den der Code?

Zitat von langi

Wenn ich das richtig verstehe kann mein Anliegen mit HtmlElement.click() nicht gelöst werden, da der Mausklick nur simulert wied wenn

wenn was? Hier fehlt der Rest des Satzes.

Zitat von langi

Ich wollte damit nur zeigen, dass es kein Button und keine Checkbox ist.

Das ist nicht schlimm. Man kann das Klick-Event auf allen HtmlElementen auslösen und auch abfangen.

Zitat von langi

Wie kann ich denn am besten eruieren, welcher Klickhandler verantwortlich ist?

Das machst du am Besten über die Browser Entwicklerwerkzeuge.

in Chrome hier auf der Seite sieht das zB so aus:

html-seminar.de/woltlab/attachment/2750/
Wenn du auf den Link klickst, landest du in deinem Handler.

Tip:

Bei minifiziertem Code gibt es meist einen Button, der de-minifiziert,

bei Chrome ist der links unten in der Ecke des Sources Tabs.

html-seminar.de/woltlab/attachment/2751/

Zitat von langi

Ich wollte damit nur zeigen, dass es kein Button und keine Checkbox ist.

Dann sollte es auch nicht klickbar sein bzw. auf Klicks reagieren - wenn etwas klickbar sein soll, verwende <button>s, sonst ist das nicht bedienbar.

Zitat von langi

Was kann ich nun mit dem anfangen??

Nicht viel. Nun müsstest du als nächstes den Code nach einem Objekt in der Variablen C und deren Methode .fire() durchsuchen. Außerdem nach einem Objekt das sich in der Variablen r befindet und die Methode .getEvent() besitzt.

Wenn du den Quelltext nicht hast und außerdem, noch Anfänger bist, wird das eine sehr schwierige und langwierige Arbeit.

Ich verstehe jetzt warum du den Klick simulieren wolltest.

Kannst du nicht das HtmlElement, auf dem der Handler registriert ist mit .click() "anklicken"?

Wie gesagt, die .click() Methode existiert auf jedem HtmlElement

Zitat von tk1234

wenn etwas klickbar sein soll, verwende <button>s, sonst ist das nicht bedienbar.

Wieso? Ob man ein UI Element gut bedienen kann, liegt doch daran, wie man es styled und nicht an dem Element, dass zu Grunde liegt.

Wenn man ein <div> oder auch <span> so styled das der User es als Button oder anderes Klickbares UI Element erkennt und eventuell noch ein cursor: pointer vergibt, ist das sehr wohl bedienbar.

Zitat von AndreasB

[…] ist das sehr wohl bedienbar.

Nein, nicht jeder Besucher hat eine Maus und kann sehen wo er klicken muss. Per Tastatur lässt sich der Focus nicht auf jedes beliebige Element setzen und automatisch auswerten/erkennen lässt sich das schon garnicht.

Zitat von tk1234

[...] Per Tastatur lässt sich der Focus nicht auf jedes beliebige Element setzen

Doch, das geht. Dafür ist der tabindex da

Zitat von tk1234

[...] und automatisch auswerten/erkennen lässt sich das schon garnicht.

Was meinst du mit automatisch? Programmatisch?

Zitat von langi

Wie geht denn das konkret?

Am besten bindest du ein eigenes Script ein, dass dann so etwas enthält.

window.addEventListener('load', () => {

    // Du musst das Element, auf dem der Eventlistener sitzt selektieren.
    // Da ich deinen Code nicht kenne, kann ich dir hierbei nicht helfen.
    const myElement = document.querySelector('Hier muss der Element Selektor rein')

    // So führst du einen Click auf dem Element aus.
    myElement.click();
});

Du musst auf jeden Fall dafür sorgen, dass dieses Script NACH dem ausgeführt wird, dass den Handler Setzt.

Wie du das machst, kann ich dir leider nicht sagen, da ich deinen Code nicht kenne.

Solch eine große Herausforderung dürfte das nicht sein, denn Du hast ja das HTML in deinem Eingangsposting gepostet:

document.querySelector('#xy .description .layout').click()

Dann wird es ja nur einfacher:

document.querySelector('#xy').click();

PS: Je nachdem wo der Handler aufgehängt ist, kann es jedoch angebracht sein, den vollständigen Selektor aus #14 zu verwenden, weil dieser die Ebene anspricht, die am tiefsten liegt. Durch das Event-Bubbling sollte der Klick dann auch einen Handler erreichen, der höher aufgehängt ist.

Am besten wäre es, wenn man die Seite online vorliegen hätte, dann könnte man es in den Entwicklerwerkzeugen schnell austesten.

Ja natürlich.