FormsLesson 142Preview gratis
Trigger Button on Enter
Lesson ini bagian dari How To · Semua level
Ringkasan
Pelajaran ini membahas cara membuat tombol ikut terpicu saat pengguna menekan tombol Enter di dalam kolom input. Pola ini membuat pencarian atau konfirmasi terasa lebih cepat karena pengguna tidak perlu berpindah tangan ke mouse. Kuncinya adalah mendengarkan event keyboard, memeriksa nilai event.key, lalu memanggil aksi yang sama dengan klik tombol.
Poin kunci
- Gunakan event keydown pada input dan periksa event.key === "Enter"
- Panggil fungsi yang sama dengan handler klik tombol agar perilaku konsisten
- Cegah submit form yang tidak diinginkan dengan event.preventDefault()
- Sertakan tombol asli (bukan hanya div) agar fitur tetap dapat diakses keyboard dan pembaca layar
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.