マウスイベントで取得されるカーソル座標パラメータの整理(offset, page, screen, client) - Qiita

マウスイベントで取得されるカーソル座標パラメータの整理(offset, page, screen, client)JavaScriptHTML5jQuery はじめに もはや何番煎じかわかりませんが，jsのマウスイベントにて取得されるカーソル位置パラメータを図とサンプルを見ながら整理します．なぜ今さらこんな記事を書くかというとoffsetX,Yにて取得される値について長年勘違いしていたことが発覚したためです（恥ずかしい...）．そちらについては，こちらの記事を御覧ください， 図解でわかるカーソル座標パラメータ 例として，ページ中にあるid=containerの要素に対してマウスのイベントを付与した時を考えます．コードで書くなら例えば のような感じです． 得られるパラメータがそれぞれ表している値の意味を下図にのせました． event.offsetX / Y 要素内でのカーソル座標(マウスが載

[J138]

“layer”