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.
.
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 Réponses :
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);
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 .
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>
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'))
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.
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.