La méthode addEventListener ne travaille pas sur un élément spécifique

Question 1

J'ai un peu de addEventListner dans mon code, et ils semblent fonctionner très bien, mais quand je l'utilise sur cette partie spécifique, il ne fait rien. Je suis en train de le tester avec un simple alerte de sorte que lorsque vous cliquez sur la zone de texte sur le prénom, un message d'alerte apparaît en haut, mais maintenant je suis de ne rien obtenir. Voici ma pour la zone nom et mon addEventListener composez le:

  <div class="_form_element _x77561130 _full_width " >
    <div class="_field-wrapper form__input-wrapper form__input-wrapper--labelled">
      <input class="form__field form__field--large form__field--text" type="text" id="fname" name="firstname" placeholder="" />
      <label class="_form-label form__floating-label">
        First Name
      </label>
    </div>      
  </div>

et c'est à mon appel:

document.getElementById("fname").addEventListener("click", function() {
    alert("Hello World!");  
});

Question 2

Il n'y a pas beaucoup de détails aller sur ici - mais une chose facile à oublier, c'est pour envelopper votre JS dans une fonction qui vérifie si la fenêtre ou d'un document est chargé de façon à ce qu'il n'a pas le feu avant les éléments sont en place. Il serait utile de fournir toutes les erreurs de la console.

window.addEventListener('load',function(){
 /* add your code here */
}

Découvrez cette réponse.

Question 3

Votre code fonctionne dans l'extrait de code ci-dessous, alors peut-être que l'erreur est ailleurs.

document.getElementById("fname").addEventListener("click", function() {
    alert("Hello World!");  
});

<div class="_form_element _x77561130 _full_width " >
    <div class="_field-wrapper form__input-wrapper form__input-wrapper--labelled">
      <input class="form__field form__field--large form__field--text" type="text" id="fname" name="firstname" placeholder="" />
      <label class="_form-label form__floating-label">
        First Name
      </label>
    </div>      
  </div>

Brent Miller · Answer 1 · 2021-11-23T21:31:08

Il n'y a pas beaucoup de détails aller sur ici - mais une chose facile à oublier, c'est pour envelopper votre JS dans une fonction qui vérifie si la fenêtre ou d'un document est chargé de façon à ce qu'il n'a pas le feu avant les éléments sont en place. Il serait utile de fournir toutes les erreurs de la console.

window.addEventListener('load',function(){
 /* add your code here */
}

Découvrez cette réponse.

Bien pensé, mais je ne pense pas que c'est la question, parce que l'OP dit "j'ai un peu de addEventListner dans mon code, et ils semblent fonctionner"

mrp · Answer 2 · 2021-11-23T21:44:18

Votre code fonctionne dans l'extrait de code ci-dessous, alors peut-être que l'erreur est ailleurs.

document.getElementById("fname").addEventListener("click", function() {
    alert("Hello World!");  
});

<div class="_form_element _x77561130 _full_width " >
    <div class="_field-wrapper form__input-wrapper form__input-wrapper--labelled">
      <input class="form__field form__field--large form__field--text" type="text" id="fname" name="firstname" placeholder="" />
      <label class="_form-label form__floating-label">
        First Name
      </label>
    </div>      
  </div>

bizarrement, j'ai supprimé l'extrait de code pour la méthode addEventListener, et de le remettre à plus tard et cela a fonctionné...aucune idée pourquoi, mais je suis en supposant que c'était quelque chose de juste révulsés dans le back-end

La méthode addEventListener ne travaille pas sur un élément spécifique

La question

Dans d'autres langues

Cette page est dans d'autres langues

Populaires dans cette catégorie

Questions populaires dans cette catégorie