JavaScriptで座標処理を行いたいのですが、基本用語が分かりません
・下記認識で合っているでしょうか?
モニタのスクリーン領域
・常に固定
・screenY。スクロールしても影響なし
ブラウザのクライアント領域
・可変
・pageY。スクロールすると影響あり
・clientY。スクロールしても影響なし
質問
・「ウインドウ領域」「レイヤー領域」「画面領域」「ページ領域」とは?
・上記何れをさす言葉? それとも別の概念? あるいは文脈によるので一概には言えない?
スタック・オーバーフローはプログラマーとプログラミングに熱心な人のためのQ&Aサイトです。すぐ登録できます。
登録してこのコミュニティに参加するMouseEvent の各プロパティの話であれば、CSSOM View Module にまとめて定義されています。
event.target
のpadding edge(paddingの外側)からの距離よって、マウスカーソルを動かさずページ全体をスクロールした際に変化しないのは、 screenYやclientYということになります。一方、マウスカーソルの位置に何かを表示したいといった場合にはページ上の相対位置で指定する場面が多いですから、この場合はpageYやoffsetYを使うことになります。
その他の言葉については、画面・ウィンドウ・ページに関しては見ての通りだろうと思いますが、レイヤーに関しては微妙です。少なくともHTMLやCSSにそのような概念はなかったはずです。