Javascript 如何使用单击的X和Y坐标移动图像

我正在尝试向我的网站添加一个功能，当用户在随机位置单击时，该位置会出现一个图像

这是我当前的代码，所有代码都在我的

HTML

中，我猜我必须使用

xpos

和

ypos

作为它们在某种位置标记中的输出

函数showCoords（事件）{
var x=event.clientX；
var y=event.clientY；
var coords=“X coords:+X+”，Y coords:+Y；
document.getElementById（“demo”）.innerHTML=coords；
document.getElementById（“xpos”）.innerHTML=x；
document.getElementById（“ypos”）.innerHTML=y；
}

单击此标题可获取鼠标指针单击时的x（水平）和y（垂直）坐标。
提示：尝试单击标题中的不同位置




在…上

您可以通过使用JS并应用样式，根据单击的跳线

x

和

y

将图像

定位到
绝对
来实现这一点

单击snippet屏幕上的任意位置以查看
img
出现/移动到那里

运行下面的代码段


函数showCoords（事件）{
var x=event.clientX；
var y=event.clientY；
var coords=“X coords:+X+”，Y coords:+Y；
document.getElementById（“demo”）.innerHTML=coords；
document.getElementById（“xpos”）.innerHTML=x；
document.getElementById（“ypos”）.innerHTML=y；
var image=document.getElementById（“myImage”）；
image.style.display=''；
image.style.position='绝对'；
image.style.left=x+'px'；
image.style.top=y+'px'；
}

单击此标题可获取鼠标指针单击时的x（水平）和y（垂直）坐标。
提示：尝试单击标题中的不同位置




出现在所述位置是什么意思？@ri20很高兴听到。你介意接受我的投票吗。谢谢：）