Comment puis-je par programme, cliquez sur un élément en JavaScript?

Dans IE, je peux juste appeler élément.cliquez sur() de JavaScript - comment puis-je accomplir la même tâche dans Firefox? Idéalement, j'aimerais avoir un peu de JavaScript qui fonctionnerait tout aussi bien de croix-navigateur, mais si nécessaire, je vais avoir différentes par-navigateur JavaScript pour cela.

  • Cette question a aussi été répondu here.
  • Veuillez accepter ma réponse comme une solution, comme plusieurs utilisateurs demande trop.
InformationsquelleAutor Bruce | 2009-04-30
  1. 71

    La document.createEvent de la documentation dit que "La createEvent méthode est obsolète. Utilisation événement constructeurs à la place."

    Si vous devez utiliser cette méthode plutôt:

    var clickEvent = new MouseEvent("click", {
    "view": window,
    "bubbles": true,
    "cancelable": false
});

    et le feu sur un élément comme ceci:

    element.dispatchEvent(clickEvent);

    comme le montre ici.

    • le seul qui a fonctionné pour moi à la fois dans firefox et chrome
    • peut-être qu'il devrait être accepté comme réponse puisque le présent est à partir de '09 et utilisations déconseillées fonctions
    • Excellente solution pour Chrome. Le code pour obtenir l'élément qui exécute alors dispatchEvent(clickEvent); pour moi a été: var element = document.getElementById("id-tag");
    • Fonctionne à chaque fois, alors que l'élément.cliquez sur() fonctionne pas tout le temps et n'est pas fiable, surtout sur les appareils mobiles.
    InformationsquelleAutor Iulian Onofrei
  2. 30

    Pour firefox liens semblent être "spécial". La seule façon que j'ai été en mesure d'obtenir ce travail a été d'utiliser la createEvent décrit ici sur MDN et d'appeler la initMouseEvent fonction. Même cela ne fonctionne pas complètement, j'ai dû informer manuellement le navigateur pour ouvrir un lien...

    var theEvent = document.createEvent("MouseEvent");
theEvent.initMouseEvent("click", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
var element = document.getElementById('link');
element.dispatchEvent(theEvent);

while (element)
{
    if (element.tagName == "A" && element.href != "")
    {
        if (element.target == "_blank") { window.open(element.href, element.target); }
        else { document.location = element.href; }
        element = null;
    }
    else
    {
        element = element.parentElement;
    }
}
    • comment est-il differe de la fenêtre.ouvrir(l'élément.href de l'élément.cible) - à mon Firefox il fonctionne exactement de la même, et affiche le laid barre jaune
    • Si vous définissez le troisième dernier paramètre de MouseEvent à true (ce qui signifie que metaKey (CMD) bouton est maintenu enfoncé lorsque vous avez cliqué), ce ne serait pas ouvrir l'onglet dans un onglet en arrière-plan, à droite? Ou serait-il?
    InformationsquelleAutor will
  3. 22

    À l'aide de jQuery vous pouvez faire exactement la même chose, par exemple:

    $("a").click();

    Qui "cliquez sur" tous les points de contrôle sur la page.

    • Juste une remarque, ce travail lorsque le href utilise onclick, par exemple, <a onclick="someFunction()>Click me</a> mais pas lors de l'utilisation de ce format <a href="javascript:someFunction()">Click me</a>
    InformationsquelleAutor Jake McGraw
  4. 10

    élément.cliquez sur() est une méthode standard décrite par le DOM du W3C spécification. Mozilla Gecko/Firefox suit la norme et ne permet que cette méthode soit appelée sur les éléments d'ENTRÉE.

    • Compris, mais pas utile quand je veux de programmation pour simuler les clics sur la non-SAISIE d'éléments.
    InformationsquelleAutor Bjorn
  5. 8

    Êtes-vous essayer de suivre le lien ou déclencher la onclick? Vous pouvez déclencher un onclick avec quelque chose comme ceci:

    var link = document.getElementById(linkId);
link.onclick.call(link);
    • intéressant, je vais vous donner que d'essayer. Cette est une partie d'un test de harnais, de sorte que nous ne savons pas à l'avance ce que l'élément spécifique, nous allons être en cliquant sur l' - il est quel que soit le cas de test spécifie.
    • Vous n'avez pas besoin de spécifier un contexte; depuis onclick est une propriété de "lien" le contexte sera déjà réglé de manière appropriée.
    • Cela n'a pas fonctionné dans google Chrome. Une erreur a été jeté dans la console indiquant la méthode "appel" n'existent pas.
    • Vous devez avoir fait une faute de frappe. call() est une partie de la prototype de Fonction. C'est certainement là.
    InformationsquelleAutor jiggy
  6. 7

    Voici un navigateur croix de travail fonction (utilisable par d'autres que les gestionnaires de clic de trop):

    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);
    }
}
    • J'ai trouvé j'avais besoin d'utiliser el[etype](); sur la ligne 3 pour obtenir IE feu à la maternelle de l'événement (j'ai été le tester avec un gestionnaire de clic - voir jsfiddle.net/Pc8qE)
    • Pour obtenir que cela fonctionne, j'ai dû utiliser un input de type submit pour firefox et une entrée de type bouton pour IE.
    InformationsquelleAutor KooiInc
  7. 1

    J'ai utilisé KooiInc de la fonction ci-dessus, mais j'ai dû utiliser deux différents types d'entrées, un "bouton" pour IE et un "soumettre" pour FireFox. Je ne suis pas exactement pourquoi, mais il fonctionne.

    //HTML

    <input type="button" id="btnEmailHidden" style="display:none" />
<input type="submit" id="btnEmailHidden2" style="display:none" />

    //en JavaScript

    var hiddenBtn = document.getElementById("btnEmailHidden");

if (hiddenBtn.fireEvent) {
    hiddenBtn.fireEvent('onclick');
    hiddenBtn[eType]();
}
else {
    //dispatch for firefox + others
    var evObj = document.createEvent('MouseEvent');
    evObj.initEvent(eType, true, true);
    var hiddenBtn2 = document.getElementById("btnEmailHidden2");
    hiddenBtn2.dispatchEvent(evObj);
}

    J'ai recherche et essayé de nombreuses suggestions, mais c'est ce qui a fini de travailler. Si j'avais plus de temps j'aurais aimé étudier pourquoi les soumettre fonctionne avec FF et un bouton avec IE mais que serait un luxe en ce moment donc au problème suivant.

    InformationsquelleAutor krm