onfocus 屬性用來獲取或設(shè)置當前元素的focus事件的事件處理函數(shù)。當前元素獲得鍵盤焦點時會觸發(fā)focus事件。
當輸入域獲得焦點時運行腳本:
<!DOCTYPE html> <html> <head> <title>HTML onfocus 事件屬性的使用(菜鳥教程 cainiaoplus.com)</title> <script> function setStyle(x) { document.getElementById(x).style.background="yellow"; } </script> </head> <body> <p>當輸入域獲得焦點時setStyle函數(shù)被觸發(fā)。該函數(shù)改變輸入域的背景色。</p> 第一個名字: <input type="text" id="fname" onfocus="setStyle(this.id)"><br> 最后一個名字: <input type="text" id="lname" onfocus="setStyle(this.id)"> </body> </html>測試看看 ?/?
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 onfocus 事件屬性
onfocus屬性在元素獲得焦點時觸發(fā)。
Onfocus通常與<input>,<select>和<a>一起使用。
提示:與 onfocus 屬性相反的屬性事件為onblur 。
注意: onfocus 屬性不能使用于以下元素: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 或 <title>。
無。
<element onfocus="script">
值 | 描述 |
---|---|
script | 規(guī)定該onfocus事件觸發(fā)時執(zhí)行的腳本 |