onfocus 属性は、要素がフォーカスを取得するとトリガーされます。
onfocus は、一般的に <input>、<select>、<a> に使用されます。
ヒント: onfocus アトリビュートは、onblur アトリビュートの逆です。
注: onfocus 属性は、次の要素には適用されません: <base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<スタイル> または <タイトル>。
例入力フィールドがフォーカスを取得したときにトリガーされる関数。この関数は入力フィールドの背景色を変更します。
<script>function setStyle(x){document.getElementById(x).style.background= yellow;}</script></head><body> <p>この関数は、入力フィールドがフォーカスを取得するとトリガーされます。この関数は、入力フィールドの背景色を変更します。 </p> 名: <input type=text id=fname onfocus=setStyle(this.id)><br>姓: <input type=text id=lname onfocus=setStyle(this.id)> </body > HTML の onblur イベント属性定義と使用法onblur 属性は、要素がフォーカスを失ったときにトリガーされます。
onblur は、フォーム検証コード (ユーザーがフォーム フィールドを離れるときなど) でよく使用されます。
例ユーザーが入力フィールドを離れたときに入力フィールドを検証します。
<script>function upperCase(){var x=document.getElementById(fname).valuedocument.getElementById(fname).value=x.toUpperCase()}</script></head><body> <p>あなたの名前を入力してください名前を入力してから、フィールドの外にフォーカスを移動します:</p> 名前 (英語の文字) を入力してください: <input type=text name=fname id=fname onblur=upperCase()> </body>以上がこの記事の全内容です。皆様の学習のお役に立てれば幸いです。また、VeVb Wulin Network をご支援いただければ幸いです。