Atribut onfocus dipicu ketika suatu elemen memperoleh fokus.
onfocus umumnya digunakan untuk <input>, <select> dan <a>.
Tip: Atribut onfocus adalah kebalikan dari atribut onblur.
Catatan: Atribut onfocus tidak berlaku untuk elemen berikut: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, < gaya> atau <judul>.
ContohFungsi terpicu saat kolom input mendapat fokus. Fungsi ini mengubah warna latar belakang kolom input
<script>function setStyle(x){document.getElementById(x).style.background=kuning;}</script></head><body> <p>Fungsi ini terpicu ketika bidang masukan mendapatkan fokus. Fungsi ini mengubah warna latar belakang kolom input. </p> Nama depan: <input type=text id=fname onfocus=setStyle(this.id)><br>Nama belakang: <input type=text id=lname onfocus=setStyle(this.id)> </body > Atribut acara onblur HTML Definisi dan penggunaanAtribut onblur dipicu ketika elemen kehilangan fokus.
onblur sering digunakan dalam kode validasi formulir (seperti saat pengguna meninggalkan kolom formulir).
ContohValidasi kolom input saat pengguna meninggalkannya:
<script>fungsi upperCase(){var x=document.getElementById(fname).valuedocument.getElementById(fname).value=x.toUpperCase()}</script></head><body> <p>Silakan masukkan nama, lalu pindahkan fokus ke luar bidang:</p> Silakan masukkan nama Anda (karakter bahasa Inggris): <input type=text name=fname id=fname onblur=upperCase()> </body>Di atas adalah keseluruhan isi artikel ini, saya harap dapat bermanfaat untuk pembelajaran semua orang. Saya juga berharap semua orang mendukung VeVb Wulin Network.