2
votes

Bouton non cliquable via javascript

Je veux cliquer sur un bouton (voir ci-joint) avec javascript, dans la console Chrome, mais cela ne fonctionne pas. J'ai essayé avec ID et Classe mais aucune chance. Si je veux cliquer sur un élément du même site, cela fonctionne bien avec les deux lignes. entrez la description de l'image ici .

Ce que j'ai essayé:

document.getElementById('account-settings-save-button').click()
document.getElementsByClassName('btn-progress btn btn-primary icon-btn icon-right IDLE null')[0].click()


3 commentaires

Pouvez-vous créer un extrait reproduisant le problème?


Comment savez-vous qu'il n'est pas cliqué?


Je regarde le site Web et rien ne se passe lorsque je clique sur le bouton dans la console. Je ne sais pas comment je pourrais produire un extrait car il s'agit d'une page Web dans une zone membre.


3 Réponses :


1
votes

Parfois, le clic ne fonctionnera pas, par exemple si vous l'utilisez sur des balises , il ne déclenchera pas de lien. Vous pouvez essayer d'utiliser l ' API MouseEvent pour simuler l'événement de clic. Ici vous pouvez trouver un bel exemple Comment simuler un clic événement avec JavaScript vanille

En bref, ce que vous pouvez essayer de faire est:

//From the example above
var simulateClick = function (elem) {
    // Create our event (with options)
    var evt = new MouseEvent('click', {
        bubbles: true,
        cancelable: true,
        view: window
    });
    // If cancelled, don't dispatch our event
    var canceled = !elem.dispatchEvent(evt);
};

var buttonToClick = document.getElementById('account-settings-save-button');
simulateClick(buttonToClick);

var buttonToClick = document.getElementById ('account- bouton de sauvegarde des paramètres '); simulateClick (buttonToClick);


7 commentaires

J'obtiens un document d'erreur.getElementById n'est pas une fonction


Oh, je n'ai pas vu non plus XD. Maintenant, je n'obtiens pas d'erreur, mais le bouton n'est pas cliqué. En gros comme avant.


Pouvez-vous trouver dans le code source de la page où ils attrapent ce bouton cliquez et publiez cela? @Tim


Comment puis je faire ça? Désolé je suis un débutant total ...: /


Ouvrez votre outil de développement dans le navigateur et accédez à l'onglet sources où vous pouvez trouver des fichiers de projet, peut-être que vous pouvez trouver les js qu'ils utilisent pour attraper l'événement. @Tim


Non, je n'ai rien trouvé. Une autre option?


continuons cette discussion dans le chat .



-1
votes

Que voulez-vous faire lorsque vous cliquez sur ce bouton. Vous devez dire onclick="your_code_here"

Exemple de travail de violon: ici

<button 
  id="account-settings-save-button" 
  onclick="alert('click event occured')">
   BUTTON
</button>


4 commentaires

Je ne crée pas le html. Je veux écrire un script qui clique sur ce bouton sur un site Web.


La fonctionnalité est que le site Web accède au site Web suivant


Dans ce cas, il peut y avoir un problème différent. Tout d'abord, êtes-vous sûr d'obtenir le bon élément avec getElementById


Pour le savoir, vous pouvez console.log ce console.log ('button', document.getElementById ('account-settings-save-button'))



0
votes

Je l'ai résolu. Ce site Web utilise vue. La commande est donc:

document.getElementById('account-settings-save-button').__vue__.onClick();

Désolé, vous n’avez pas pu répondre à cette question.


0 commentaires