Perbedaan Antara Keyup dan Keydown Pada jQuery

Even di javascript adalah sebuah suatu yang terjadi di element tertentu, maksudnya yaitu suatu respon atau aksi yang di lakukan oleh user dimana kegiatan tersebut akan memicu jalannya script javascript yang terdapat di blog tersebut. Di javascript terdapat banyak event namun di pembahasan kali ini kita akan membahas mengenai Perbedaan Antara Keyup dan Keydown Di jQuery, Keyup adalah sebuah event yang akan di jalankan ketika tombol dilepaskan di di keyboard, dan sedangkan Keydown adalah sebuah event ketika tombol ditekan di keyboard.



Biar teman-teman lebih paham mengenai  Perbedaan Antara Keyup dan Keydown Di jQuery kita akan merancang sebuah contoh sederhana seperti dibawah ini :



Demo : https://codepen.io/anon/pen/YRWBYK



Di contoh diatas dapat kita lihat ketika event di jalankan dengan memasukan sebuah text karenanya warna di form tersebut akan berubah, dan yang mesti kita ketahui bahwa di ketika kita menggunakan event keydown value yang yang diambil bukanlah value di ketika itu pun melainkan value yang sebelumnya, namun berbeda dengan keyup, di keyup value yang diambil adalah sebuah value yang di ketika eventnya kita jalankan atau textnya yang kita masukan dan bagi proses pengambilan value tersebut yaitu setelah keyboard ditekan.



Kita pun dapat menggunakan event keyup bagi mengerjakan perhitungan otomatis, jadi di ketika kita masukan angka yang akan kita hitung karenanya hasil dari penjumlahan tersebut akan muncul secara otomatis tanpa perlu mengklik tombol submit, dan perhitungan tersebut benar-benar bermanfaat ketika kita merancang sebuah program seperti toko online atau yang lainnya dengan menggunakan perhingan bagi contoh scriptnya seperti dibawah ini :



Demo : https://codepen.io/anon/pen/QJEoZz



Jadi bagi kesimpulannya keydown adalah sebuah event yang di jalankan di ketika keyboard pada posisi down (ditekan), dan bagi keyup adalah sebuah event yang di jalankan di ketika keyboard pada posisi up (selesai ditekan).



Oke teman-teman demikianlah pembahasan kita kali ini mengenai Perbedaan Antara Keyup dan Keydown Di jQuery.



Semoga bermanfaat.



Terima kasih.



 




Sumber https://kursuswebsite.org

Popular posts from this blog

Membuat Table Warna Berselang dengan PHP