Comment puis-je simuler avec JavaScript dans l'événement de clic d'un bouton BOOTSTRAP pour effectuer les actions par défaut qui se lient sur le bouton?
J'en ai besoin de tester automatisé d'un site Web.
BOOTSTRAP n'a ajouté aucun événement sur le bouton lui-même, les événements qu'un élément de corps et le travail sont effectués leur.
$ ("BTN.BTN-CORP-DANGER"). Cliquez sur () Ne fonctionne pas $ ("BTN.BTN-CORP-DANGER"). Trigger ("Cliquez sur") ne fonctionne pas
3 Réponses :
Essayez avec ceci.
$(document).on('click', '.btn',function(){
alert('click');
});
Merci pour la réponse - Votre suggestion ajoute son propre gestionnaire d'événements, que je peux déclencher avec .click () - Malheureusement, cela ne déclenche pas les événements de clic déjà existants qui parcourent le cadre de bootstrap.
Etant donné que Bootstrap utilise JQuery comme une dépendance, vous pouvez simuler un événement de clic à JQUERY WAY.
var button = document.getElementByClassName('.btn');
button.onclick = console.log('Event Triggered');
Votre code lie le code sur le bouton. OP vous demande de déclencher un événement de clic avec le code, simulant ainsi un clic. JQuery Cliquez () (sans fonction entre les crochets).
Merci pour la réponse - Votre suggestion ajoute son propre gestionnaire d'événements, que je peux déclencher avec .click () - Malheureusement, cela ne déclenche pas les événements de clic déjà existants qui parcourent le cadre de bootstrap.
Les événements doivent bouillir au parent (sauf déficit explicitement). Considérez cette simple structure HTML: avec le code ci-dessous, la fonction est connectée à l'événement de clic. Lorsque l'événement de clic enfant est déclenché, l'événement du parent répond. P> https: // jsfiddle.net/epqdz2a1/ p> Ceci devrait être le même dans Bootstrap. P> Vanille JS Version: P> document.querySelector(".parent").addEventListener("click", function(){alert("hello")});
document.querySelector(".child").click();
Bulles d'événement ne fonctionne pas si un ajout d'un événement de clic sur le bouton Bootstrap :-(
Je crois
$ ("BTN.BTN-CORP-DANGER"). Cliquez sur () devrait fonctionner si JQuery est chargé. Cela vous aiderait si vous avez fourni un peu de code HTML.