Hai teman-teman semuanya, apa kabar? kita lanjut lagi belajarnya, masih seputar javascript, seperti yang kita tau, event didalam javascript ada banya, seperti click, change, focus dan banyak lagi yang lainnya, pada kesempatan kali ini saya akan menjelas tentang salah satu event yang ada pada javascript yaitu kita akan mengenal event onblur pada javascript.
Event onblur adalah event dimana mouse terlepas dari event focus atau bisa dibilang ketika cursor mouse kita klik diluar dari inputan, kalau kita kenal event focus adalah event ketika element inputan diklik, maka event onblur ini adalah lawan dari event focus, untuk lebih jelasnya kita langsung saja praktekan, silahakan teman-teman buat sebuah file dan ketikan script berikut ini:
|
1 2 3 4 5 6 7 8 |
<!DOCTYPE html> <html> <body> Masukan Nama Anda : <input type="text" id="name" onblur="ubah()"> </body> </html> |
Disini saya membuat sebuah element input dimana didalam inputan tersebut saya memberikan event onblur dimana event on blur tersebut menjalankan satu fungsi yaitu ubah(),
Sekarang kita akan membuat function ubah tersebut silahakan teman-teman ketikan script berikut ini:
|
1 2 3 4 5 6 |
<script> function ubah() { var nama = document.getElementById("name"); nama.value = nama.value.toUpperCase(); } </script> |
Isi dari function ubah tersebut adalah saya membuat sebuah variable nama dimana nilainya didapat dari element yang berID name dimana dalam kasus ini adalah element input, setelah itu nilai dari variable nama tersebut saya rubah dengan fungsi toUppercase yaitu mengubah menjadi bentuk kapital, yang berarti ketika kita blur atau kita klik diluar element inputan, nilai dari inputan tersebut akan berubah menjadi kapital seperti berikut ini :
Oke teman-teman untuk tutorial kali ini tentang mengenal event onblur pada javascript saya cukupkan sampai sini dulu, semoga tutorial kali ini bermanfaat untuk teman-teman semuanya,
terimakasih