jQueryでページ上の座標（X座標／Y座標）を取得する方法｜BLACKFLAG

Webページ上でカーソル位置やクリックされた位置によって ポップアップを出したりモーダル位置を調整したりツールチップを出したり いろいろと処理を加えることがあると思います。 そんな際のページ上のポイント位置の座標（X座標／Y座標）を取得して 位置を調整する処理方法を簡単に紹介してみたいと思います。 jQueryでページ上の座標（X座標／Y座標）を取得する方法【ページ全体の場合】 ページ上のX座標・Y座標を取得するには —————————– X座標 = e.pageX Y座標 = e.pageY —————————– を使って値を取得することができます。 各座標の値を取得するサンプルとして ページ上のクリックされた位置のX座標／Y座標を取得してみると。 ページ上のクリックされたポイントのX座標／Y座標を取得（別枠で表示されます）※別枠で表示される画面内をクリックしてみてください。 クリックさ

[fukupika]

“<script type="text/javascript">$(function(){ $('html').click(function(e){ var x = e.pageX; var y = e.pageY; alert('X = ' + x + 'px, Y = ' + y + 'px'); $('#locatedpoint').css({top:(y),left:(x),display:'block'}).attr('title','TOP : '+(y)+'px | LEFT : '+(x)+'px'); });});</script>”

[thleap]

座標の取得

[tokyowebsite]

現在位置を取得するjQuery学習に

[kyaido]

position