AddEventListener nie pracuje nad konkretnym elementem

Question 1

Mam kilka egzemplarzy addEventListner w moim kodzie, i wydaje się, że działa normalnie, ale gdy używam go w tej konkretnej części, on nic nie robi. Staram się to sprawdzić za pomocą prostego ostrzeżenia, aby po kliknięciu w pole tekstowe na imię, na górze всплывало ostrzeżenie, ale teraz już nic nie dostaję. Oto moje pole do opisu i moje wyzwanie 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>

i to jest moje wyzwanie:

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

Question 2

Nie jest tu tak wiele szczegółów, ale łatwo zapomnieć o tym, by zakończyć swój JS w funkcję, która sprawdza, loaded czy okno lub dokument, aby nie wypalił, zanim pojawią się elementy. Warto byłoby wskazać jakieś błędy w konsoli.

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

Sprawdź tę odpowiedź.

Question 3

Twój kod działa w poniższym fragmencie, więc możliwe jest, że błąd jest gdzieś w innym miejscu.

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 jest tu tak wiele szczegółów, ale łatwo zapomnieć o tym, by zakończyć swój JS w funkcję, która sprawdza, loaded czy okno lub dokument, aby nie wypalił, zanim pojawią się elementy. Warto byłoby wskazać jakieś błędy w konsoli.

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

Sprawdź tę odpowiedź.

Dobry pomysł, ale nie sądzę, że w tym jest problem, bo OP mówi: "U mnie w kodzie jest kilka egzemplarzy addEventListner, i wydaje się, pracują".

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

Twój kod działa w poniższym fragmencie, więc możliwe jest, że błąd jest gdzieś w innym miejscu.

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>

o dziwo, usunąłem fragment kodu dla addEventListener i wtrącił go później, i worked on...no nie mam pojęcia, dlaczego, ale przypuszczam, że to było coś, co nie dawało spokoju w końcu

AddEventListener nie pracuje nad konkretnym elementem

Pytanie

W innych językach

Ta strona jest w innych językach

Popularne w tej kategorii

Najczęściej zadawane pytania w tej kategorii