une méthode d'événement DOM qui ajoute un écouteur d'événements à un nœud DOM donné

Plus à propos addeventlistener...

Nous travaillons actuellement sur un devoir où il nous est demandé de: Écouter la soumission du formulaire (soumettre l'événement) et vérifier que chaque champ est rempli. Autorisez l'envoi du formulaire si tous les champs sont renseignés. .......
Existe-t-il un moyen en Javascript d'exécuter du code une fois que chaque élément de type / classe / tag etc. a été chargé? Quelque chose comme: document.getElementsByClassName ("test"). AddEventListener ("onload & .......
Requirejs addEventListener sur le bouton radio de changement ne fonctionne pas dans magento Ici, tout fonctionne bien, juste un problème est là, ce n'est pas la valeur et l'ID des champs radio d'entrée, donc je pense que addEventListener DOMContentLoaded ne fonctionne pas ici. L'aide est vraiment ap....
Im essayant de faire fonctionner cette "pierre, papier, ciseaux" en utilisant des boutons. J'essaye de deux manières différentes mais je ne sais pas comment y parvenir: 1ère manière: Passer au paramètre playerSelection dans function playRound(playerSelection, computerSelection le paramètre correct l....
J'ai deux boutons, le bouton 1 et le bouton 2 de classes différentes avec une couleur et une couleur d'arrière-plan différentes. Lorsque vous passez la souris sur le bouton 1 , je souhaite que la couleur et la couleur d'arrière-plan deviennent la couleur et la couleur d'arrière-plan du bouton....
J'ai ajouté mon code à Github, tout a fonctionné puis j'ai découvert que cela ne fonctionne pas ci-dessous iOS 13. Mais dans CodePen, cela fonctionne clairement. C'est ici window.onload = function () { const target = document.querySelectorAll("[data-text-swap]"); let touchEvent = "ontouchstart....
4 mars 2021 à 10:40
J'ai quelques codes pour tester une fonction avec la connaissance du tableau, qui affichera "Je suis Tom et j'ai 25 ans" lorsque je sélectionne le bouton "1ère personne", etc. Mais malheureusement, mes codes ne fonctionnent pas. Veuillez m'aider. Voici mon script: names = ["Tom", "Jack", "John"]....
Comment puis-je faire plusieurs clics avec un écouteur d'événements dans différentes classes afin qu'il produise un masque d'affichage. mais quand je l'essaie en étudiant, il ne peut afficher qu'un seul élément, pas plusieurs. J'essaie d'utiliser javascript au lieu de jquery car j'apprends du javas....
26 févr. 2021 à 00:24
En utilisant Javascript, j'ai ajouté un bouton de retour en haut à mon site Web. Lorsque je fais défiler, il apparaît (donc la première fonction ci-dessous fonctionne correctement). Cependant, lorsque j'ajoute la deuxième fonction, le bouton n'apparaît même pas lorsque je fais défiler. Je fais ça....
24 févr. 2021 à 03:38
Je suis incapable de comprendre ce qui ne va pas avec mon code. J'ai un autre exemple que j'ai pu mettre au travail mais il n'a pas utilisé d'objets constructeur et celui-ci le fait. C'est à peu près la seule différence que je puisse .......
23 févr. 2021 à 18:32
J'ai le code suivant: const useMousePlayerMove = ({playerMe}: any) => {console.log ({playerMe}) // existe const handleCardMove = useCallback ((event: any) => {console.log (.......
23 févr. 2021 à 17:12
J'ai écrit une fonction qui itère sur un tableau, crée un querySelector, un élément audio et addsEventListener pour lire l'élément audio en cliquant sur un bouton. Le problème que j'ai, c'est que je n'arrive pas à comprendre comment lire une seule piste à la fois. Le comportement idéal serait que l....
23 févr. 2021 à 08:02
J'ai un div qui sert également de zone de texte d'entrée que les utilisateurs peuvent saisir (en utilisant Quill JS). <div class="myeditor" placeholder="Type text here">Text Area</div> J'ai besoin que le div ait un onfocus et un onblur pour détecter quand l'utilisateur a cliqué (ou est en dehors de....
22 févr. 2021 à 05:35
J'ai 5 balises div chacune avec son nom de classe unique et deux d'entre elles ont la même classe sauf que la seconde a une classe supplémentaire (c'est-à-dire ".cls2" et ".cls2.a"). J'ai mis ces classes dans un tableau et j'essaie de créer un événement de clic où l'élément cliqué contenant la clas....
21 févr. 2021 à 06:16
Je fais une simple liste de tâches pour mon portfolio. Il permet à l'utilisateur de créer de nouvelles tâches, de les supprimer ou de les marquer comme terminées avec effet de croisement Cela semble fonctionner, mais lorsque vous ajoutez peu de nouvelles tâches, quelque chose se produit avec Eventl....
20 févr. 2021 à 21:25
Je voulais créer une application où je peux afficher / masquer les données de mes élèves en cliquant sur les noms. J'ai utilisé addEventListener où je clique sur les noms, puis il ajoutera une classe où il affichera les données des élèves. Mais j'obtiens cette erreur Uncaught TypeError: Cannot rea....
19 févr. 2021 à 06:55
J'essaye d'appliquer un effet de parallaxe à une image .svg en utilisant useRef() pour saisir bubblesRef et translateY() onScroll. La parallaxe fonctionne mais lorsque je passe à la page suivante, je reçois l'erreur "TypeError: Cannot read property 'style' of null". Je pense que c'est parce que le ....
J'essaie d'implémenter le concept de requête multimédia trouvé ici dans React. Avec ce qui est montré ci-dessous, j'obtiens ce qui suit: TypeError: isMobile.addListener n'est pas une fonction function App () {// .......
Ceci est la version simplifiée de mon code actuel. Il y a trois cases à cocher et boutons (numérotés chacun de 0, 1, 2) et un bouton d'envoi. En termes simples, si vous cochez les cases 1 et 2, cliquez sur soumettre, les boutons 1 et 2 seront colorés. Vous pouvez maintenant cliquer sur l'un des bo....
11 févr. 2021 à 12:15
J'ai essayé de suivre 2 méthodes pour supprimer le gestionnaire d'événements mais les deux ne semblent pas fonctionner Solution 1: const keyBindSearch = useCallback(e => { if ((e.metaKey && e.key === 'f') || (e.ctrlKey && e.key === 'f')) { e.preventDefault() console.log('CTRL F') ....
Je construis une section dynamique sur un site Web. Lorsque vous cliquez ou touchez le nom d'une activité, une fenêtre contextuelle s'affiche avec le nom de cette activité et certaines informations. J'ai utilisé vanilla JS avec un événement click et un événement touchstart. Cela fonctionne bien a....
J'ai le addEventListener imbriqué suivant pour garder une trace de l'élément glissé et de l'élément vers lequel je fais glisser. var objects = document.querySelector('.objects'); var destination = document.querySelector('.dest'); objects.addEventListener('dragstart', function(e) { console.log(....
4 févr. 2021 à 12:29
J'ai un formulaire avec le nom, le nom, le téléphone et un autre champ. tous les champs ont un identifiant et un nom uniques. Maintenant, j'ai ce code pour désactiver le type anglais dans le champ et avertir l'utilisateur pour le changement de clavier. mais je ne peux pas ajouter plusieurs identi....
J'ai essayé de comprendre comment fonctionne 'addEventListener' comme lorsque nous ajoutons un événement, où est-il enregistré? Arbre DOM? Ou un certain lieu de mémoire ?. Mais je n'ai pas trouvé de réponse, tous les messages que j'ai jamais vus disaient "Vous ne pouvez pas", car il n'y a pas de ....
Je crée une application simple à faire et je suis bloqué sur la mise à jour du tableau de données lorsqu'une nouvelle tâche est ajoutée. À l'heure actuelle, si vous ajoutez une nouvelle tâche, l'ensemble du tableau se remplit à nouveau à l'écran et les valeurs en double sont .......