Wie kann ich Mausklicks und Onclick-Ereignisse in JavaScript simulieren?

Mausklicks mit JavaScript imitieren

In JavaScript ist die document.form.button.click()-Technik für die Simulation von Schaltflächenklicks bekannt. Die Simulation des Onclick-Ereignisses erfordert jedoch einen anderen Ansatz. In diesem Artikel wird untersucht, wie dies durch eine umfassende Codelösung erreicht werden kann.

Simulation des „onclick“-Ereignisses

Das bereitgestellte Code-Snippet contextMenuClick() initialisiert ein MouseEvent-Objekt und sendet es an das gewünschte Objekt Element. Dadurch wird effektiv das Onclick-Ereignis ausgelöst:

function contextMenuClick() {
  var element = 'button';
  var evt = element.ownerDocument.createEvent('MouseEvents');

  evt.initMouseEvent('contextmenu', true, true, element.ownerDocument.defaultView,
                     1, 0, 0, 0, 0, false, false, false, false, 1, null);

  element.dispatchEvent(evt);
}

Generische Mausereignissimulation

Durch die Einführung einer verallgemeinerten Funktion namens „Simulate“ sind keine spezifischen Funktionen wie contextMenuClick erforderlich. Es ermöglicht die Simulation von HTMLEvents und MouseEvents für jedes Element:

function simulate(element, eventName, options) {
  var eventType;

  for (var name in eventMatchers) {
    if (eventMatchers[name].test(eventName)) {
      eventType = name;
      break;
    }
  }

  ... // Function implementation continues

  return element;
}

Diese Funktion akzeptiert drei Parameter: Element, EventName und Optionen. Standardoptionen werden bereitgestellt, können jedoch durch Übergabe eines benutzerdefinierten Optionsobjekts überschrieben werden.

Verwendung

So lösen Sie ein Mausklickereignis mithilfe von Simulieren aus:

simulate(document.getElementById("btn"), "click");

Anpassung

Das Optionsobjekt ermöglicht die Anpassung verschiedener Ereignisparameter, einschließlich Mauskoordinaten, Modifikatoren (Strg, Alt, Umschalt, Meta) und Ereignisverhalten (Blasen, stornierbar). Zum Beispiel:

simulate(document.getElementById("btn"), "click", { pointerX: 123, pointerY: 321 });

Das obige ist der detaillierte Inhalt vonWie kann ich Mausklicks und Onclick-Ereignisse in JavaScript simulieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!