AddEventListener non specifico elemento

Question 1

Ho un paio di istanze di addEventListner nel mio codice, e sembrano funzionare bene, ma quando lo uso su questa specifica parte di esso non fa nulla. Sto cercando di fare una prova con un semplice avviso in modo che quando si seleziona la casella di testo nome, si apre un avviso in alto, ma per ora non trovo niente. Ecco la mia per il nome casella e il mio addEventListener chiamata:

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

e questo è il mio invito:

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

Question 2

Non c'è un sacco di dettagli vai qui - ma è una cosa facile da dimenticare è quello di avvolgere il JS in una funzione che controlla se una finestra o un documento è caricato in modo che non il fuoco prima che gli elementi esistenti. Sarebbe utile fornire eventuali errori di console.

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

Check out questa risposta.

Question 3

Il tuo codice funziona in questo frammento di codice qui di seguito, così, forse, l'errore è da qualche altra parte.

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

Non c'è un sacco di dettagli vai qui - ma è una cosa facile da dimenticare è quello di avvolgere il JS in una funzione che controlla se una finestra o un documento è caricato in modo che non il fuoco prima che gli elementi esistenti. Sarebbe utile fornire eventuali errori di console.

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

Check out questa risposta.

Buona idea, ma non credo che il problema, perché l'OP dice "ho un paio di istanze di addEventListner nel mio codice, e sembrano funzionare"

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

Il tuo codice funziona in questo frammento di codice qui di seguito, così, forse, l'errore è da qualche altra parte.

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>

stranamente ho eliminato lo snippet di codice per il metodo addEventListener, e rimetterlo in poi e ha funzionato...non so perché ma sto supponendo che si trattava di qualcosa di appena bugging out nel back-end

AddEventListener non specifico elemento

Domanda

In altre lingue

Questa pagina è in altre lingue

Popolare in questa categoria

Domande popolari in questa categoria