javascript-get-the-scroll-position

2021-02-08JavaScript,JavaScript 取得

JavaScriptで現在のスクロールの位置(高さ、ポジション)を取得する方法のサンプルです。 See the Pen JavaScript | get scroll position by yochans (@yochans) on Co ...

ダークモードかどうかを判別する方法

2021-02-08JavaScript,JavaScript 取得,JavaScript 判別

JavaScriptでブラウザのテーマ設定がダークモードになっているかどうかを判別する方法の紹介です。 ブラウザのテーマ設定を取得するには、ウィンドウサイズやスマホであれば縦向きか横向きかを取得する際に利用する「window.matchMe ...

ブラウザの言語設定を取得する方法

2021-02-08JavaScript,JavaScript 取得

JavaScriptでブラウザの言語設定を取得する方法のサンプルコードと主な言語コード一覧の紹介です。 ブラウザの言語設定を取得する ブラウザの言語設定は「window.navigator.language」で取得する事が可能です。 let ...

マウスポインタの座標を取得する方法

JavaScript,JavaScript 取得

マウス座標を取得 マウス座標は各イベント情報内から取得可能です。 例えば、ページの表示エリアを基準としたマウスの座標を取得する場合は、イベント情報を格納する変数を「e」とした場合は「e.pageX」「e.pageY」となります。 座標の基準 ...

2021-02-02JavaScript,javascript CSSセレクタ,JavaScript 取得

JavaScriptを使ってクリック時などに要素のclassからidを取得する方法です。 クリック時・マウスホバー時・ドラッグ時などのパターンを紹介しています。 要素のクリック時にclassからidを取得する方法 JavaScriptを使っ ...