onfocus 事件
定義和用法
onfocus 事件在對象獲得焦點時發(fā)生。
語法
onfocus="SomeJavaScriptCode"
參數(shù) | 描述 |
---|---|
SomeJavaScriptCode | 必需。規(guī)定該事件發(fā)生時執(zhí)行的 JavaScript。 |
支持該事件的 HTML 標(biāo)簽:
<a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>, <button>, <caption>, <cite>, <dd>, <del>, <dfn>, <div>, <dl>, <dt>, <em>, <fieldset>, <form>, <frame>, <frameset>, <h1> to <h6>, <hr>, <i>, <iframe>, <img>, <input>, <ins>, <kbd>, <label>, <legend>, <li>, <object>, <ol>, <p>, <pre>, <q>, <samp>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>, <th>, <thead>, <tr>, <tt>, <ul>, <var>
支持該事件的 JavaScript 對象:
button, checkbox, fileUpload, layer, frame, password, radio, reset, select, submit, text, textarea, window
實例
在本例中,當(dāng)輸入框獲得焦點時,其背景顏色將改變:
<html> <head> <script type="text/javascript"> function setStyle(x) { document.getElementById(x).style.background="yellow" } </script> </head> <body> First name: <input type="text"onfocus="setStyle(this.id)" id="fname"
/> <br /> Last name: <input type="text"onfocus="setStyle(this.id)" id="lname"
/> </body> </html>
輸出:
First name:
Last name:
TIY
- onfocus
- 如何使用 onfocus。