เมื่อต้องการสร้างปุ่มกด (Button) ในฟอร์ม HTML ที่เมื่อคลิกแล้วจะส่งข้อมูลออก แต่ไม่ต้องการให้หน้าเว็บ Reload โดยใช้ JavaScript ควรใช้วิธีใด

ใช้ window.stop() เพื่อหยุดการโหลดหน้าเว็บ
ใช้ event.preventDefault() ใน Event Handler เพื่อหยุดพฤติกรรมปกติของฟอร์ม
ใช้แท็ก <input type='submit'> และไม่ต้องทำอะไรเพิ่ม
ใช้ return true; ใน Event Handler เพื่อหยุดการส่งฟอร์ม

เฉลยอธิบาย

event.preventDefault() เป็นเมธอดของ Event Object ที่ใช้ยกเลิกพฤติกรรมเริ่มต้น (Default Behavior) ของเหตุการณ์ เช่น การส่งฟอร์มที่จะทำให้หน้า Reload โดยปกติ ส่วน input type='submit' จะ Reload หน้าเว็บ, return true ไม่ได้หยุดการส่งฟอร์ม (ต้องใช้ return false ซึ่งก็ยังไม่ใช่วิธีมาตรฐาน), window.stop() หยุดการโหลดทรัพยากรทั้งหมด ไม่ใช่หยุดเฉพาะฟอร์ม

ข้อสอบอื่นในวิชาหลักการพื้นฐานในการเขียนโปรแกรม และความรู้เกี่ยวกับ การพัฒนา Web Application เช่น PHP,HTML, JavaScript และเทคโนโลยีทางเว็บ

ดูข้อสอบวิชานี้ทั้งหมด →