Comment puis-je déclencher un clic JavaScript

voici ce que j'utilise: http://jsfiddle.net/mendesjuan/rHMCy/4 /

mis à jour pour fonctionner avec IE9+

/**
 * Fire an event handler to the specified node. Event handlers can detect that the event was fired programatically
 * by testing for a 'synthetic=true' property on the event object
 * @param {HTMLNode} node The node to fire the event handler on.
 * @param {String} eventName The name of the event without the "on" (e.g., "focus")
 */
function fireEvent(node, eventName) {
    // Make sure we use the ownerDocument from the provided node to avoid cross-window problems
    var doc;
    if (node.ownerDocument) {
        doc = node.ownerDocument;
    } else if (node.nodeType == 9){
        // the node may be the document itself, nodeType 9 = DOCUMENT_NODE
        doc = node;
    } else {
        throw new Error("Invalid node passed to fireEvent: " + node.id);
    }

     if (node.dispatchEvent) {
        // Gecko-style approach (now the standard) takes more work
        var eventClass = "";

        // Different events have different event classes.
        // If this switch statement can't map an eventName to an eventClass,
        // the event firing is going to fail.
        switch (eventName) {
            case "click": // Dispatching of 'click' appears to not work correctly in Safari. Use 'mousedown' or 'mouseup' instead.
            case "mousedown":
            case "mouseup":
                eventClass = "MouseEvents";
                break;

            case "focus":
            case "change":
            case "blur":
            case "select":
                eventClass = "HTMLEvents";
                break;

            default:
                throw "fireEvent: Couldn't find an event class for event '" + eventName + "'.";
                break;
        }
        var event = doc.createEvent(eventClass);
        event.initEvent(eventName, true, true); // All events created as bubbling and cancelable.

        event.synthetic = true; // allow detection of synthetic events
        // The second parameter says go ahead with the default action
        node.dispatchEvent(event, true);
    } else  if (node.fireEvent) {
        // IE-old school style, you can drop this if you don't need to support IE8 and lower
        var event = doc.createEventObject();
        event.synthetic = true; // allow detection of synthetic events
        node.fireEvent("on" + eventName, event);
    }
};

notez qu'appeler fireEvent(inputField, 'change'); ne signifie pas qu'il va changer le champ d'entrée. Le cas d'utilisation typique pour lancer un événement de changement est lorsque vous définissez un champ de façon programmatique et que vous voulez que les gestionnaires d'événements soient appelés car appeler input.value="Something" ne déclenchera pas un événement de changement.

Ce

 l.onclick();

does appelle exactement la fonction onclick de l , c'est-à-dire si vous avez défini une fonction avec l.onclick = myFunction; . Si vous n'avez pas mis l.onclick , ça ne fait rien. En revanche,

 l.click();

simule un clic et déclenche tous les gestionnaires d'événements, qu'ils soient ajoutés avec l.addEventHandler('click', myFunction); , en HTML, ou de toute autre manière.

j'ai honte qu'il y ait tant d'applicabilité partielle incorrecte ou non divulguée.

la façon la plus facile de faire ceci est de passer par Chrome ou Opera (mes exemples utiliseront Chrome) en utilisant la Console. Entrer le code suivant dans la console (généralement en 1 ligne):

var l = document.getElementById('testLink');
for(var i=0; i<5; i++){
  l.click();
}

cela générera le résultat requis

.click() ne fonctionne pas avec Android (regardez mozilla docs , à la section mobile). Vous pouvez déclencher l'événement de clic avec cette méthode:

function fireClick(node){
    if (document.createEvent) {
        var evt = document.createEvent('MouseEvents');
        evt.initEvent('click', true, false);
        node.dispatchEvent(evt);    
    } else if (document.createEventObject) {
        node.fireEvent('onclick') ; 
    } else if (typeof node.onclick == 'function') {
        node.onclick(); 
    }
}

à Partir de ce post

utiliser un cadre d'essai

Cela pourrait être utile - http://seleniumhq.org/ - le Sélénium est une application web tests automatisés système.

vous pouvez créer des tests en utilisant le plugin Firefox Selenium IDE

mise à feu manuelle d'événements

manuellement déclencher des événements de la bonne façon, vous aurez besoin de utilisez différentes méthodes pour différents navigateurs-soit el.dispatchEvent ou el.fireEvent où el sera votre élément D'ancrage. Je pense que ces deux nécessitera la construction d'un objet d'Événement pour passer en.

l'alternative, pas tout à fait correcte, la voie rapide et sale serait celle-ci:

var el = document.getElementById('anchorelementid');
el.onclick(); // Not entirely correct because your event handler will be called
              // without an Event object parameter.

IE9+

function triggerEvent(el, type){
    var e = document.createEvent('HTMLEvents');
    e.initEvent(type, false, true);
    el.dispatchEvent(e);
}

exemple d'utilisation:

var el = document.querySelector('input[type="text"]');
triggerEvent(el, 'mousedown');

Source: https://plainjs.com/javascript/events/trigger-an-event-11/

Fair warning:

element.onclick() ne se comporte pas comme prévu. Il exécute seulement le code dans onclick="" attribute , mais ne déclenche pas le comportement par défaut.

j'ai eu le même problème avec le bouton radio ne se réglant pas à vérifié, même si onclick fonction personnalisée fonctionnait bien. Dû ajouter radio.checked = "true"; pour le définir. Probablement le même va et pour d'autres éléments (après a.onclick() il devrait y avoir aussi window.location.href = "url"; )