HTML リファレンスマニュアル

HTML タグ一覧

HTML onfocusイベント属性

onfocus 属性は、現在の要素のfocusイベントのイベントハンドラを取得または設定するために使用されます。現在の要素がキーボードの焦点を取得するときにfocusイベントが発生します。

オンラインサンプル

入力フィールドがフォーカスを取得したときにスクリプトを実行します:

例

<!DOCTYPE html>
<html>
<head>
<title>HTML onfocus イベント属性の使用(基礎教程網 oldtoolbag.com)</title>
<script>
function setStyle(x)
{
　　　　document.getElementById(x).style.background="yellow";
}
</script>
</head>
<body>
<p>入力フィールドがフォーカスを取得したとき、setStyle関数が呼び出されます。この関数は入力フィールドの背景色を変更します。</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属性は要素がフォーカスを取得したときにトリガーされます。

Onfocusは<input>、<select>、および<a>と一緒に使用されます。

ヒント：onfocus 属性とは逆の属性イベントですonblur 。

注意： onfocus 属性は以下の要素に使用できません： <base>, <bdo>, <br> <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, または <title>。

HTML 4.01 HTML5の違い

なし。

文法

<element onfocus="script">

属性値

値	説明
script	onfocus イベントがトリガーされたときに実行されるスクリプトを指定します

HTML イベント属性

HTML: <template> タグ