Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに もはや何番煎じかわかりませんが,jsのマウスイベントにて取得されるカーソル位置パラメータを図とサンプルを見ながら整理します.なぜ今さらこんな記事を書くかというとoffsetX,Yにて取得される値について長年勘違いしていたことが発覚したためです(恥ずかしい...).そちらについては,こちらの記事を御覧ください, 図解でわかるカーソル座標パラメータ 例として,ページ中にあるid=containerの要素に対してマウスのイベントを付与した時を考えます.コードで書くなら例えば のような感じです. 得られるパラメータがそれぞれ表している値の意味を下図にのせました. event.offsetX / Y 要素内でのカーソル座標(マウスが載っているDOMの左上を原点とした座標)を取得. event.clientX / Y ブラウザウィンドウ内でのカーソル座標を取得.ウィンドウの左上が常に (0,
メール配信にご登録いただくと、Google ストアからの最新情報や特典、カートのリマインダー、個別のご案内、アンケートなどをお届けします
フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く