AddEventListener nefunguje na konkrétní položku

Question 1

Mám několik instancí addEventListner v mém kódu, a zdá se, že fungují dobře, ale když jsem se použít na tuto konkrétní část to nedělá nic. Snažím se vyzkoušet s jednoduchým upozornění tak, že když kliknete na textové pole na první jméno, upozornění se objeví na vrcholu, ale teď nemám nic. Tady je můj pro pole název a mé volání addEventListener:

  <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 tohle je moje volání:

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

Question 2

Tam není mnoho detailů jít na tu - ale snadné zapomenout, je zabalit váš JS funkce, která kontroluje, zda buď okno nebo dokument, který má naloženo tak, že to není oheň před prvky existují. Bylo by užitečné poskytnout nějaké chyby konzoly.

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

Podívejte se na toto odpověď.

Question 3

Tvůj kód funguje v úryvku níže, tak možná chyba je někde jinde.

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

Tam není mnoho detailů jít na tu - ale snadné zapomenout, je zabalit váš JS funkce, která kontroluje, zda buď okno nebo dokument, který má naloženo tak, že to není oheň před prvky existují. Bylo by užitečné poskytnout nějaké chyby konzoly.

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

Podívejte se na toto odpověď.

Dobrá myšlenka, ale nemyslím si, že to je problém, protože OP říká, "mám několik instancí addEventListner v mém kódu, a zdá se, že práce"

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

Tvůj kód funguje v úryvku níže, tak možná chyba je někde jinde.

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>

kupodivu jsem smazal fragment kódu pro addEventListener, a dal ji zpět později a fungovalo to...netuším proč, ale předpokládám, že to bylo něco, co jen stahují v back-end

AddEventListener nefunguje na konkrétní položku

Otázka

V jiných jazycích

Tato stránka je v jiných jazycích

Populární v této kategorii

Oblíbené položky v této kategorii