de-vraag
Mai mult
Question

Cum putem simula un clic cu JavaScript?

Mă întrebam cum pot folosi JavaScript pentru a simula un clic pe un element de pe pagină.

În prezent, am așa un cod: 

<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>

Dar nu merge :(

Vre-o ideie?

Andrey Chaschev
Andrey Chaschev
Întrebarea editată 1 februarie 2014 в 12:21
Programare
javascript
Popular videos
« Anterior
Următor »
Solution / Answer

Am pregătit așa o funcție, e destul de simplă, dar funcționează bine:

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);
  }
}

O folosești așa:

eventFire(document.getElementById('mytest1'), 'click');
Or B
Or B
Răspuns editat 12 septembrie 2015 в 6:10
383

Se poate și mai simplu:

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

Și merge chiar și pe Internet Explorer.

mb21
mb21
Răspuns editat 20 octombrie 2016 в 11:53
Mozilla logo
developer.mozilla.org
326

Poți să folosești jQuery pentru a evita problemele de compatibilitate cu alte browsere:

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

Poți să-ți salvezi o grămadă de timp dacă folosești jQuery:

$('#myElement').trigger("click")
15 
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.
}

Cu referire la:

Mozilla logo
developer.mozilla.org
14

Răspunsul de sus este super! Dar, la mine în Firefox nu a funcționat când etype = &#39;click&#39;.

Deci, am schimbat document.createEvent cu &#39;MouseEvents&#39; și problema s-a rezolvat.

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.
    } 
  }
}
Nate Barbettini
Nate Barbettini
Răspuns editat 13 septembrie 2015 в 12:08
7
Comunități asemănătoare 1
JavaScript, România - Moldova
222 utilizatori
Comunitatea Română JavaScript: github.com/js-ro Pentru confort, opriți notificările. Parteneri: @php_ro, @python_ro, @devops_ro, @seo_ro Offtop: @holywars_ro