如何将坐标x,y转换为div ID?

时间:2014-04-11 13:13:42

标签: javascript html css coordinates

地狱我想把x,y坐标变成div ID,当我点击页面上的任何地方时,我得到 X coords:193,Y coords:53 在我创建的div下在HTML中。

这是我的代码:

       function show_coords(event)
           {
        var  x =event.clientX;
        var y=event.clientY;
        $("#click").html("X coords: " + x + ", Y coords: " + y);
        return false;
        }

        <body onmousedown="show_coords(event)">
            <div id="x">x</div>
            <div id="y">y</div>
            <div id="click"></div>

             </body>

我想要x coords:193进入#x和y coords:53进入#y。

谢谢

1 个答案:

答案 0 :(得分:1)

$("#x").text(x);
$("#y").text(y);

您可以将return false放在show_coords

之前

由于您已经在使用jQuery,而不是执行onmousedown,您可以这样做:

$("body").on("mousedown", show_coords)