10/9

10/9 記録

getBoundingClientRect()

ビューポート領域の一番上から見た要素の位置を取得できる

developer.mozilla.org

cloneNode

要素を復元するメソッド

// Nodeを複製する
Node.cloneNode(boolean)

devicePixelRatio

バイスピクセル比を調べる

// デバイスのピクセル比の値を調べる
window.devicePixelRatio;
// 通常のディスプレイ:1
// iPhoneやAndroid:2
// iPhone PlusやハイスペックAndroid:3

オブジェクトのインスタンスかどうか調べるとき

値 instanceof オブジェクト

戻り値:boolean

データの種類によって処理を分岐させたいときに使える

タブがバックグラウンドになったときの処理

document.addEventListener('visibilitychange', 関数);

document.visibilityState === 'visible' // 表示
document.visibilityState === 'hidden' // バックグラウンド

ページ遷移

location.href = "url';

focusとblur

focusイベント

要素がフォーカスを受け取ったときに発生

focusinとの違いはバブリングを行わないこと

element.addEventListener('focus', 関数);

blurイベント

要素がフォーカスを失ったときに発生

focusoutとの違いはバブリングを行わないこと

element.addEventListener('blur', 関数);