Dojo/Javascriptのマウスとマウスの相対位置を取得します。

Question

ドゥージョータッチイベント（マウスクリックに似ています）を持つ画像があります。私はxとyの座標をdivに相対的にしたい。今、私はcanvasXとcanvasYプロパティを取得しています。オフセットが私の問題を解決するように見えます。どうすればjavascriptで動作させることができますか、あるいはdojoにオフセット関数があるとしたら？

Answer 1

私が質問を正しく理解していれば、出発点が画像であるX、Yを取得したい（ドキュメント全体ではない）。

この例では、あなた

<div style="margin-left: 500px; border: 1px black solid;"> 
    <div style="border: 1px blue solid;"> 
     <img src="http://ecdn3.hark.com/images/000/000/294/294/original.jpg" 
       onclick="getOffsets(event, this);"/> 
    </div> 
</div> 
<script> 
    function getOffsets(event, img) 
    { 
     var relativeX = event.clientX - img.offsetLeft; 
     var relativeY = event.clientY - img.offsetTop; 
     alert(relativeX + " " + relativeY); 
    } 
</script> 

のために働くかどうかを確認します