在Dojo / Javascript中获取相对于鼠标单击的x,y坐标

时间:2011-07-19 00:14:01

标签: javascript dojo

我有一个具有道场触摸事件的图像(类似于鼠标点击)。我想得到相对于div的x和y坐标。现在我得到canvasX和canvasY属性。看起来抵消会解决我的问题。如何使用javascript,或者dojo是否有一些偏移函数?

1 个答案:

答案 0 :(得分: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>