AddEventListener不工作上的具体项目

Question 1

我有几个实例addEventListner在我的代码，他们似乎运作正常的，但当我用它在这一具体部分，它什么都不做。我试图测试有一个简单的警告，这样，当你点击文箱上第一名，一个警告pops在顶部，但是现在我得到什么。这是我的名字框中，我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>

这是我的呼叫：

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

Question 2

这里没有很多细节要去这里-但是一件容易的事情忘记的是包裹你JS在一个函数，检查，如果任何一窗口或文件加载，因此，它不着火之前的元素存在。这将有助于提供任何控制台的错误。

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

看看这个答案.

Question 3

你的代码作品的片段下，因此，也许误差别的地方。

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

这里没有很多细节要去这里-但是一件容易的事情忘记的是包裹你JS在一个函数，检查，如果任何一窗口或文件加载，因此，它不着火之前的元素存在。这将有助于提供任何控制台的错误。

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

看看这个答案.

好想，但我不认为这是个问题，因为OP说"我有一些实例addEventListner在我的代码，他们似乎工作"

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

你的代码作品的片段下，因此，也许误差别的地方。

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>

奇怪的是我删除了代码段addEventListener，并把它放回后和它的工作...不知道为什么但是我假设它是什么东西烦扰了后端

AddEventListener不工作上的具体项目

的问题

其他语言

此页面有其他语言版本

受欢迎的此类别

流行的问题，在这个类别