AddEventListener belirli bir öğe üzerinde çalışmıyor

Question 1

Kodumda birkaç addEventListner örneğim var ve iyi çalışıyor gibi görünüyorlar, ancak bu belirli bölümde kullandığımda hiçbir şey yapmıyor. Basit bir uyarı ile test etmeye çalışıyorum, böylece ilk addaki metin kutusunu tıklattığınızda en üstte bir uyarı beliriyor, ancak şu anda hiçbir şey alamıyorum. İşte benim için ad kutusu ve addEventListener çağrım:

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

ve bu benim kararım:

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

Question 2

Burada devam edecek çok fazla ayrıntı yok - ancak unutulması kolay bir şey, js'nizi pencerenin veya belgenin yüklenip yüklenmediğini kontrol eden bir işleve sarmaktır, böylece öğeler var olmadan önce ateşlenmez. Herhangi bir konsol hatası sağlamanız yararlı olacaktır.

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

Check out bu cevap.

Question 3

Kodunuz aşağıdaki snippet'te çalışır, bu nedenle hata başka bir yerde olabilir.

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

Burada devam edecek çok fazla ayrıntı yok - ancak unutulması kolay bir şey, js'nizi pencerenin veya belgenin yüklenip yüklenmediğini kontrol eden bir işleve sarmaktır, böylece öğeler var olmadan önce ateşlenmez. Herhangi bir konsol hatası sağlamanız yararlı olacaktır.

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

Check out bu cevap.

İyi düşünce, ama sorunun bu olduğunu sanmıyorum, çünkü OP "Kodumda birkaç addEventListner örneğim var ve işe yarıyor gibi görünüyor"diyor.

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

Kodunuz aşağıdaki snippet'te çalışır, bu nedenle hata başka bir yerde olabilir.

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>

işin garibi, addEventListener için kod parçacığını sildim ve daha sonra geri koydum ve worked...no neden olduğuna dair bir fikrim var ama sanırım arka uçta bir şeyler dinliyordu.

AddEventListener belirli bir öğe üzerinde çalışmıyor

Soru

Diğer dillerde

Bu sayfa diğer dillerde

Bu kategoride popüler

Popüler soruları bu kategoride