【JavaScript】フルスクリーン表示と解除【覚書】
フルスクリーン表示にするためのボタンを用意して、そのボタンをクリックしたらフルスクリーン表示になり、Escキーで解除。 セキュリティ上の理由から、スクリプトによる自動フルスクリーン表示はほとんどのブラウザで許可されていま…
フルスクリーン表示にするためのボタンを用意して、そのボタンをクリックしたらフルスクリーン表示になり、Escキーで解除。 セキュリティ上の理由から、スクリプトによる自動フルスクリーン表示はほとんどのブラウザで許可されていま…
《参考》matchMedia / MediaQueryList / addEventListener https://developer.mozilla.org/ja/docs/Web/API/Window/matchM…
スクロールすると、ふんわり表示されるアレ。今では多くのサイトで見かけるようになりましたし、仕事上でも、「ふんわり表示されるやつを実装してほしい」とのご要望もよくあります。最近制作担当したサイトでは、数件連続でふんわり実装…
“min-width: 768px”時には〇〇〇という感じ。 HTML Javascript/jQuery min-width: 768px は、タブレットやパソコンの時。でなければ、スマホの時、…
target=”_blank” の箇所に自動的に rel=”noopener” を追加します。 ※IE11は”forEach”はサポート対象外です。…
前回は matchMedia()とquerySelector() を使っての覚書でしたが、今回は、matchMedia()とquerySelectorAll() を使っての覚書。※ querySelector() はペー…
ブレークポイントで処理を振り分ける方法は色々ありますが今回は matchMedia()とquerySelector() を使っての覚書。※ querySelector() は、最初のひとつの要素しか返しません。よって、一…