MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

GlobalEventHandlers.onblur

onblur プロパティはonBlurイベントを返します。

構文

element.onblur = function;
  • function は、ユーザーが定義した、接尾辞()もしくは引数のない、または無名関数で宣言された関数です。例えば、以下のように使われます。
element.onblur = function() { alert("onblur event detected!"); };

<html>

<head>
<title>onblurイベントコード例</title>

<script type="text/javascript">

var elem = null;

function initElement()
 {
 elem = document.getElementById("foo");
 // NOTE: doEvent(); または doEvent(param); はここでは動作しません
 // 関数呼び出しではなく、関数の名前を参照する必要があります。
 elem.onblur = doEvent;
 };

function doEvent()
 {
 elem.value = 'Bye-Bye';
 alert("onblurイベントが検出されました!")
 }
</script>

<style type="text/css">
<!--
#foo {
border: solid blue 2px;
}
-->
</style>
</head>

<body onload="initElement();">
<form>
<input type="text" id="foo" value="Hello!" />
</form>

<p>上記の要素をクリックしてfocusイベントを付与してください。その次に、要素の範囲外をクリックしてください。<br /> ナビゲーションバーからページをリロードしてください。</p>

</body>
</html>

注記

blurイベントは要素がfocusイベントを失った時に発生されます。

ほとんどのHTML要素がblurイベントを受け取るMSIE--inと対照的に、Geckoブラウザではすべての要素でblurイベントは発生しません。

仕様書

DOM Level 0. どの標準にも属しません。

ドキュメントのタグと貢献者

 このページの貢献者: Kenju
 最終更新者: Kenju,