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>
サポート状況
Chrome | Firefox | Safari | Edge | IE | Opera | iOS Safari | Android |
---|---|---|---|---|---|---|---|
● | ● | ● | ● | ● | ● | ● | ● |
関連記事
- HTMLElement.blur()
- blur()は、HTMLElementのメソッドです。要素に対するフォーカスを外します。
- 別ページに移動させる
- リンクをクリックしなくても、ユーザーを指定したページに移動させます。
- 先頭、末尾の文字を取得する
- 先頭、末尾の文字を取得します。
- Window.getSelection()
- getSelection()は、Windowのメソッドです。選択中のテキストを表すSelectionを返します。