プロが教える店舗&オフィスのセキュリティ対策術

<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>

A 回答 (2件)

http://www.google.co.jp/search?q=javascript%20of …
offsetLeftじゃなくてoffsetXかも  
    • good
    • 0

マウスイベントやスクロールイベントなら簡単だけど、この手は一見簡単そうで実は手強いですよね。


prototype.jsのこの辺は試してみましたか?
http://www.openspc2.org/JavaScript/Ajax/ref/prot …
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!