preventDefault กับฟอร์มและลิงก์
กันพฤติกรรมเริ่มต้นของเบราว์เซอร์
ฟอร์ม submit มักรีโหลดหน้า · ลิงก์คลิกมักนำทางไป URL — ถ้าเราจัดการเองด้วย JS ให้เรียก event.preventDefault()
const form = document.querySelector("#noteForm");
form.addEventListener("submit", (event) => {
event.preventDefault();
const data = new FormData(form);
const title = String(data.get("title") || "").trim();
// ... เพิ่มลงรายการโดยไม่รีโหลดหน้า
});
เทคนิค: ฟัง
submit ที่ฟอร์ม (ไม่ใช่แค่คลิกปุ่ม) จะรองรับการกด Enter ในช่องกรอกด้วย