SYNCERのロゴ
アイキャッチ画像

Window.blur() - フォーカスを外す

blur()は、Windowのメソッドです。ウィンドウのフォーカスを外します。

概要

名前
blur
所属
Window
IDL
void blur();
仕様書
https://html.spec.whatwg.org/multipage/interaction.html#dom-window-blur

説明

引数はありません。返り値もありません。

デモ

Window.blur()のデモです。iframe要素のウィンドウからフォーカスを外します。2017年10月現在、色々と試してみましたが、効果を確認することができませんでした。setTimeout()やsetInterval()の中でメソッドを実行しても効果がありません。目に見えて効果を確認する方法をご存知の方は情報提供をお待ちしております。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<body>
	<iframe src="./demo.html" id="hoge"></iframe>
	<p><button id="blur">フォーカスを外す</button></p>
<script>
var myWindow = document.getElementById( "hoge" ).contentWindow ;

document.getElementById( "blur" ).onclick = function () {
	myWindow.blur() ;
}
</script>

</body>
</html>

サポート状況

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月13日 (金)
コンテンツを公開しました。