Categories: HTML DOMHTMLInputElement

Focus()

Metode HTMLInputElement.focus() menetapkan focus kepada elemen INPUT ini, saat elemen INPUT mendapat focus, beliau menjadi elemen yang aktif.

Sintaks:

inputObj.focus()

Contoh di bawah ini saat mouse pointer sempurna di atas elemen INPUT ber-TYPE ‘text’ atau ‘password’, otomatis elemen itu menjadi elemen yang sedang aktif, sebaliknya saat pointer di MouseOut, elemen yang sebelumnya aktif menjadi tidak aktif. Sebelumnya di bab HEAD terdapat dua fungsi berikut:

function setFocus(elem) { elem.focus(); } function removeFocus(elem) { elem.blur(); }

Dan di bab 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>

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code