AddEventListener ไม่ได้ทำงานอยู่เฉพาะรายการ

Question 1

ผมมีอยู่สองสามโหของ addEventListner ในรหัสของฉันและพวกเขาดูเหมือนจะทำงานได้แต่เมื่อฉันใช้มันมันเจาะจงส่วนมันไม่มีอะไรเลย ฉันพยายามจะทดสอบมันด้วยของธรรมดาแบบแจ้งเตือนดังนั้นเมื่อคุณคลิกข้อความกล่องบนก่อนชื่อของข้อความเตือนโผล่มากลายเป็นนรกคูณที่ด้านบนสุดแต่ตอนนี้ฉันไม่ได้อะไรเลย นี่คือของฉันสำหรับชื่อของกล่องและของฉัน 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

รหัสของคุณทำงานอยู่ใน snippet ด้านล่างนี้ดังนั้นอาจจะเกิดข้อผิดพลาดอยู่ที่ไหนสักแห่งอื่นด้วย

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 */
}

ดูนี้ตอบ.

ดีคิดแต่ฉันไม่คิดว่านั่นเป็นปัญหาเพราะปฏิบัติการบอกว่า"ผมมีอยู่สองสามโหของ addEventListner ในรหัสของฉันและพวกเขาดูเหมือนจะทำงาน"

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

รหัสของคุณทำงานอยู่ใน snippet ด้านล่างนี้ดังนั้นอาจจะเกิดข้อผิดพลาดอยู่ที่ไหนสักแห่งอื่นด้วย

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>

ผิดปกติพอผมกลบกฎ snippet สำหรับ addEventListener และเอามันกลับมาทีหลังและมันได้ผล...ไม่รู้ว่าทำไมแต่ฉันคิดว่ามันเป็นบางสิ่งบางอย่างกวนใจออกไปในด้านหลังสุด

AddEventListener ไม่ได้ทำงานอยู่เฉพาะรายการ

คำถาม

ในภาษาอื่นๆ

หน้านี้อยู่ในภาษาอื่นๆ

ดังอยู่ในนี้หมวดหมู่

ดังคำถามอยู่ในนี้หมวดหมู่