请问如何拖动多个图片分别提取每个坐标

Question

应该转到JAVASCRIPT,你是想得到图片的坐标,还是想控制图片的位置?顺便帮你UP

Answer 1

这个应该属于javascript范畴吧!

Answer 2

是这个效果吗？<script>
Object=null;
function MouseDown()
{
    Object = event.srcElement.parentElement;
    cx = event.offsetX;
    cy = event.offsetY;
}function MouseMove()
{
    if(Object)
    {
        Object.style.pixelLeft = event.clientX - cx + document.body.scrollLeft;
        Object.style.pixelTop = event.clientY - cy + document.body.scrollTop;
objInputX = document.all.item(Object.img+"x");
objInputY = document.all.item(Object.img+"y");
objInputX.value = event.clientX - cx + document.body.scrollLeft;
objInputY.value = event.clientY - cy + document.body.scrollTop;
        return false;
    }
}function MouseUp()
{
    Object = null;
}document.onmousedown=MouseDown;
document.onmousemove=MouseMove;
document.onmouseup=MouseUp;
</SCRIPT>
-----------------------------------------
<script></SCRIPT>
<FORM NAME="form">
1X: <INPUT TYPE="TEXT" NAME="1x"> 
1Y: <INPUT TYPE="TEXT" NAME="1y">
2X: <INPUT TYPE="TEXT" NAME="2x"> 
2Y: <INPUT TYPE="TEXT" NAME="2y">
3X: <INPUT TYPE="TEXT" NAME="3x"> 
3Y: <INPUT TYPE="TEXT" NAME="3y">
</FORM>
<div id="spades" style="position:absolute;left:0;top:0;" img="1">
<img src="bj_01.png">
</div>
<div id="spades" style="position:absolute;left:0;top:0;" img="2">
<img src="bj_02.png">
</div>
<div id="spades" style="position:absolute;left:0;top:0;" img="3">
<img src="bj_03.png">
</div>