by 
Merespons ketikan secara langsung dipakai untuk pencarian instan, penghitung karakter, atau validasi real-time. Artikel ini membahas cara mendeteksi ketikan pada input dengan jQuery (keyup).
Event keyup
<script>
$("#cari").keyup(function() {
const kata = $(this).val();
console.log("Mencari: " + kata);
});
</script>
Contoh Kasus: Filter Daftar Secara Langsung
<script>
$("#cari").keyup(function() {
const kata = $(this).val().toLowerCase();
$(".item").each(function() {
const teks = $(this).text().toLowerCase();
$(this).toggle(teks.includes(kata)); // tampilkan yang cocok
});
});
</script>
Kombinasi keyup, each, dan toggle membuat filter pencarian langsung tanpa memuat ulang.
Mendeteksi Tombol Enter
<script>
$("#cari").keyup(function(e) {
if (e.which === 13) { // 13 = Enter
cariData($(this).val());
}
});
</script>
Kesimpulan
Gunakan event keyup untuk merespons ketikan secara langsung, ideal untuk fitur pencarian atau filter real-time. Periksa e.which === 13 untuk mendeteksi tombol Enter.
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi jQuery (api.jquery.com).
