Hallo teman-teman semuanya?apa kabar? semoga tetap dalam keadaan baik dan sehat, sebelumnya kita telah belajar banyak tentang event yang ada pada jquery, dari mulai click(), dbclick(),mouseenter() dan lainnya yang banyak lagi, pada pembahasan kali ini kita masih tetap akan membahas salah satu event yang ada pada jquery yaitu focus() dan pada tutorial kali ini kita akan belajar mengenal fungsi event focus pada jquery.

Sebelumnya saya akan menjelaskan fungsi dari event focus pada jquery, event focus pada jquery adalah suatu keadaan dimana kita menetapkan element yang sedang aktif pada halaman website kita, dan biasanya event focus ini disematkan atau diletakan pada form, gunanya untuk membuat user faham form yang sedang aktif adalah form yang mana.

Mungkin teman-teman masih bingung, untuk lebih jelasnya kita langsung saja praktekan, sekarang silahkan teman-teman buat sebuah file dan ketikan script berikut ini:

script diatas saya membuat sebuah inputan text pada halaman website dengan tag input pada html, nah sekarang kita akan mereload library dari jquery yang kita ambil dari jquery.com sebelum kita beralik kepada script jquerynya, silahkan teman-teman copy kan script berikut ini:

Jika sudah sekarang kita akan masuk pada script jquerynya, coba teman-teman ketikan script berikut ini:

script diatas menjelaskan bahwa ketika element input sedang focus maka element input tersebut akan berubah background menjadi abu-abu, sehingga kelengkapan scriptnya adalah seperti berikut ini :

Jika sudah silahakan teman-teman jalankan pada browser, maka hasilnya sebelum keadaan focus akan seperti berikut ini :

Belajar Mengenal Fungsi Event Focus Pada Jquery1

jika teman-teman klik pada bagian inputannya lihatlah perbedaannya,

Oke teman-teman untutk tutorial kali ini tentang belajar mengenal fungsi event focus pada jquery cukup sampai disini dulu, semoga tutorial kali ini dapat bermanfaat untuk teman-teman semuanya, sampai berjumpa lagi pada tutorial jquery berikutnya,

Terima kasih.