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

HTML タグ一覧

HTML onblurイベント属性

onblur属性は、現在の要素のonBlurイベントのイベントハンドラを取得または設定するために使用されます

オンラインサンプル

カーソルが入力フィールドから外れたときに形式検証を行います：

例

<!DOCTYPE　html>
<html>
<head>
<title>HTML　onblur　イベント属性の使用(基本教程網　oldtoolbag.com)</title>
<script>
function　upperCase()
{
　　　　var　x=document.getElementById("fname").value
　　　　document.getElementById("fname").value=x.toUpperCase()
{}
</script>
</head>
<body>
<p>名前を入力して、カーソルを移動/タブを入力フィールドの外に移動：</p>
英語の名前を入力してください（マウスを外れた後に小文字が大文字に変換されます）: <input type="text" name="fname" id="fname" onblur="upperCase()">
</body>
</html>

テストを見てみましょう ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがonblurイベント属性をサポートしています

定義と使用法

onblur属性は、要素がフォーカスを失ったときにトリガーされます。

Onblurは、最もよくフォームのバリデーションコードと一緒に使用されます（例えば、ユーザーがフォームフィールドから離れたとき）。

ヒント： onblur 属性の逆属性onfocus 属性。

HTML 4.01 と5HTMLとの差異

差異はありません。

文法

<element onblur="script">

属性値

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

HTML イベント属性

HTML: <template> タグ