ホームページ > ウェブフロントエンド > htmlチュートリアル > 要素がフォーカスを失ったときにトリガーされる HTML イベント属性 onblur

要素がフォーカスを失ったときにトリガーされる HTML イベント属性 onblur

黄舟
リリース: 2018-05-17 14:35:14
オリジナル
8241 人が閲覧しました

ユーザーが入力フィールドを離れるときに検証します:

<input type="text" name="fname" id="fname" onblur="upperCase()">
ログイン後にコピー

ブラウザのサポート

IE

Firefox

Chrome

Safari

Opera

すべての主要なブラウザはonblur属性をサポートしています。

定義と使用法

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

onblur は、フォーム検証コードでよく使用されます (ユーザーがフォームフィールドを離れるときなど)。

ヒント: onblur 属性は onfocus 属性の逆です。

HTML 4.01とHTML5の違い

なし。

構文

<element onblur="script">
ログイン後にコピー

プロパティ値

説明
script onblurが発生したときに実行するスクリプト。

例:

<!-- ------------------------------ -->
<!-- 文件范例:15-20.htm -->
<!-- 文件说明:OnBlur事件 -->
<!-- onblur 是控件在失去焦点的时候触发的事件 -->
<!-- ------------------------------ -->
<html>
<head>
<title>OnBlur事件</title>
</head>
<body>
<Form>
<input type="text" name="test1" value="test1">
<input type="text" name="test2" value="test2" onBlur=alert("我失去了输入焦点!")>
</Form>
</body>
</html>
ログイン後にコピー

以上が要素がフォーカスを失ったときにトリガーされる HTML イベント属性 onblurの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート