Hai teman-teman, bertemu lagi pada tutorial dumet school, pada tutorial kali ini kita akan membahas tentang fungsi keypress pada jquery.
Bagi teman-teman yang sudah mengenal tentang pemrograman javascript pasti sering mendengar kata keypress, disini saya akan menjelaskannya.
Fungsi keypress pada jquery adalah fungsi dimana kelakukan aksi enter pada keyboard, jadi ketika kita menginginkan aksi enter pada keyboard maka fungsi yang kita gunakan adalah keypress.
Setelah saya menjelaskan penjelasan tentang keypress di atas mungkin untuk lebih jelasnya kita langsung saja pada prakteknya, silahkan teman-teman buat sebuah file dan ketikan script berikut ini:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<!doctype HTML> <html> <head> <title>belajar event keyup</title> <script src="https://code.jquery.com/jquery-3.1.1.min.js" type="text/javascript"> </script> </head> <body> <script type="text/javascript"> $(document).keypress(function(event){ if(event.which == 13){ alert("anda baru saya menekan tombol enter !"); }); </script> </body> </html> |
Saya akan menjelaskan script diatas, penjelasan dari script diatas yaitu, pada bagian atas saya mereload liblary dari jquerynya dimana saya ambil dari jquery.com, lalu saya membuat sebuah script jquery dan menggunakan fungsi keypress yaitu ketika ada aksi enter pada keyboard, lalu saya membuat kondisi.
Event.which == 13 menyatakan bahwa event yang digunakan adalah kode asci 13 yaitu kode asci enter pada keyboard, jika sudah teman-teman save dan coba jalankan pada browser dan lihat hasilnya.
Hasilnya browser akan menampilkan pesan alert ketikan kita menekan enter pada keyboard, gimana temna-teman? sangat mudah bukan, oke untuk tutorial kali ini tentang fungsi keypress pada jquery, cukup sampai sini dulu, semoga tutorial kali ini bermanfaat untuk teman-teman semuanya, sampai bertemu pada tutorial berikutnya,
Terimakasih.