Metode HTMLInputElement.blur() menghapus focus dari elemen INPUT ini, sehingga elemen INPUT ini menjadi elemen yang tidak aktif.
Sintaks:
inputObj.blur()
Contoh di bawah ini ketika mouse pointer tepat di atas elemen INPUT ber-TYPE 'text' atau 'password' di MouseOver, otomatis elemen itu menjadi elemen yang sedang aktif, sebaliknya mouse pointer di MouseOut, elemen yang sebelumnya aktif menjadi tidak aktif. Sebelumnya di bagian HEAD terdapat dua fungsi berikut:
function setFocus(elem) {
elem.focus();
}
function removeFocus(elem) {
elem.blur();
}
Dan di bagian BODY terdapat:
<FORM METHOD="POST" ACTION="yourCGIURL">
<FIELDSET>
<LEGEND>Login</LEGEND>
Username : <INPUT TYPE="text" NAME="username" ONMOUSEOVER="setFocus(this.form.username)" ONMOUSEOUT="removeFocus(this.form.username)">
Password : <INPUT TYPE="password" NAME="password" ONMOUSEOVER="setFocus(this.form.password)" ONMOUSEOUT="removeFocus(this.form.password)">
<INPUT TYPE="submit" VALUE="Log in">
</FIELDSET>
</FORM>
