AddEventListener nefunguje na konkrétne položky

Question 1

Mám niekoľko prípadov addEventListner v mojom kóde, a tak sa zdá, že práca v poriadku, ale keď som ho použiť na túto špecifickú časť to nerobí nič. Snažím sa vyskúšať s jednoduchým hlásenia tak, že ak kliknete na textové pole na prvé meno, upozornenie sa objaví v hornej, ale teraz som stále nič. Tu je môj na názov poľa a moje addEventListener hovoru:

  <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>

a toto je moje volanie:

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

Question 2

Nie je veľa detailov ísť na tu - ale je ľahká vec zabudnúť, je zabaliť vaše JS funkcia, ktorá zistí, či buď okna alebo dokument, ktorý má naložené tak, že to nie je oheň pred prvkov existovať. Bolo by užitočné poskytovať žiadne konzoly chýb.

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

Pozrite sa na to odpoveď.

Question 3

Váš kód funguje v útržok nižšie, takže možno je chyba niekde inde.

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

Nie je veľa detailov ísť na tu - ale je ľahká vec zabudnúť, je zabaliť vaše JS funkcia, ktorá zistí, či buď okna alebo dokument, ktorý má naložené tak, že to nie je oheň pred prvkov existovať. Bolo by užitočné poskytovať žiadne konzoly chýb.

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

Pozrite sa na to odpoveď.

Dobrá myšlienka, ale ja si nemyslím, že je problém, pretože OP hovorí: "mám niekoľko prípadov addEventListner v mojom kóde, a zdá sa, pracovať"

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

Váš kód funguje v útržok nižšie, takže možno je chyba niekde inde.

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>

napodiv som sa vypúšťa útržok kódu pre addEventListener, a dal ho späť na neskôr a fungovalo to...netuším prečo, ale ja som za predpokladu, že to bolo niečo, čo len odpočúvanie sa v back-end

AddEventListener nefunguje na konkrétne položky

Otázka

V iných jazykoch

Táto stránka je v iných jazykoch

Populárne v tejto kategórii

Obľúbené otázky v tejto kategórii