Wie simuliere ich einen Klick mit JavaScript?

Ich frage mich nur, wie ich mit JavaScript einen Klick auf ein Element simulieren kann.

Derzeit habe ich:

<script type="text/javascript">
function simulateClick(control)
{
    if (document.all)
    {
        control.click();
    }
    else
    {
        var evObj = document.createEvent('MouseEvents');
        evObj.initMouseEvent('click', true, true, window, 1, 12, 345, 7, 220, false, false, true, false, 0, null );
        control.dispatchEvent(evObj);
    }
}
</script>

<a href="http://www.google.com" id="mytest1">test 1</a><br>

<script type="text/javascript">
    simulateClick(document.getElementById('mytest1'));
</script>

Aber es funktioniert nicht :(

Irgendwelche Ideen?

Folgendes habe ich mir ausgedacht. Es ist ziemlich einfach, aber es funktioniert:

function eventFire(el, etype){
  if (el.fireEvent) {
    el.fireEvent('on' + etype);
  } else {
    var evObj = document.createEvent('Events');
    evObj.initEvent(etype, true, false);
    el.dispatchEvent(evObj);
  }
}

Verwendungszweck:

eventFire(document.getElementById('mytest1'), 'click');

Was ist mit etwas Einfachem wie:

document.getElementById('elementID').click();

Wird sogar vom IE unterstützt.

Haben Sie darüber nachgedacht, jQuery zu verwenden, um die Erkennung aller Browser zu vermeiden? Mit jQuery wäre es so einfach wie:

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

var elem = document.getElementById('mytest1');

// Simulate clicking on the specified element.
triggerEvent( elem, 'click' );

/**
 * Trigger the specified event on the specified element.
 * @param  {Object} elem  the target element.
 * @param  {String} event the type of the event (e.g. 'click').
 */
function triggerEvent( elem, event ) {
  var clickEvent = new Event( event ); // Create the event.
  elem.dispatchEvent( clickEvent );    // Dispatch the event.
}

Referenz

• https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events
• https://codepen.io/felquis/pen/damDA

Mit jQuery können Sie sich viel Platz sparen. Sie müssen nur verwenden:

$('#myElement').trigger("click")

Die beste Antwort ist die beste! Es hat jedoch keine Mausereignisse für mich in Firefox ausgelöst, als etype = 'click'.

Also änderte ich das document.createEventzu , 'MouseEvents'und dass das Problem behoben. Der zusätzliche Code dient zum Testen, ob ein anderes Codebit das Ereignis stört oder nicht, und wenn es abgebrochen wird, würde ich dies in der Konsole protokollieren.

function eventFire(el, etype){
  if (el.fireEvent) {
    el.fireEvent('on' + etype);
  } else {
    var evObj = document.createEvent('MouseEvents');
    evObj.initEvent(etype, true, false);
    var canceled = !el.dispatchEvent(evObj);
    if (canceled) {
      // A handler called preventDefault.
      console.log("automatic click canceled");
    } else {
      // None of the handlers called preventDefault.
    } 
  }
}

document.getElementById('elementId').dispatchEvent(new MouseEvent("click",{bubbles: true, cancellable: true}));

Folgen Sie diesem Link, um mehr über die Mausereignisse zu erfahren, die Javascript verwenden, und über die entsprechende Browserkompatibilität

https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent#Browser_compatibility