• ベストアンサー

Javascriptでテーブルタグの座標が知りたい(但し、マウスでなく)

<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>JavaScriptテスト</title> <script type="text/javascript"> <!-- document.onmousedown = msDown //----------------------------------------------------------------------------- // マウスで座標を取得する //----------------------------------------------------------------------------- function msDown(){ var x = event.x; var y = event.y; alert('x=[' + x + '] y=[' + y + ']'); } // --> </script> </head> <body> テーブルタグの<TD>で左上側の画面上の位置の座標位置を取得したいです。 offsetLeftやoffsetTopでは、例えばテーブルタグの上側に<p>がある場合と無い場合でも同じ値でした。 正しく取得する方法はありますか? <hr> <table cellspacing="0" cellpadding="2" border="1" bgcolor="black"> <tbody> <tr> <td><img src="" width="100" height="100"></td> <td bgcolor="red">この赤のエリアの左上の座標が知りたい(マウスイベントで調べられるが、それを使わずに調べたい) </td> </tr> <tr> <td>456</td> <td><img src="" width="50" hright="50"></td> </tr> </tbody> </table> </body> </html>

質問者が選んだベストアンサー

  • ベストアンサー
noname#39970
noname#39970
回答No.1

その他の回答 (1)

回答No.2

マウスイベントやスクロールイベントなら簡単だけど、この手は一見簡単そうで実は手強いですよね。 prototype.jsのこの辺は試してみましたか? http://www.openspc2.org/JavaScript/Ajax/ref/prototype.js/ver1.4/ref/Position/cumulativeOffset/index.html