Question

粗略地说我的程序的目的是在从点击和div空间获得的坐标上放置点或图像。将x和y坐标从点击传递到点/图像时，我遇到了一些困难，实际上是指向＆＃39; pin＆＃39;它在脚本获取鼠标位置的空间内。为了描绘你，这就是它的样子，到目前为止......

...

<style>
 #frames{
   width: 1280px;
   height: 720px;
   position: relative;
   border: 1px solid black;
  }

 #point{
    position:absolute;
    top:....; <-sth should be written here maybe?
    left:...; <-and sth here
  }
</style> 
....
<center><div id = "frames" onmousemove="coordinates(event)" onmouseout="clearcoords()" onclick="saveOO(event)">
<div id="point">
<img src="ball.png" heigth='30' width='30'>
</div>

  function saveOO(e){
  var savedOO;
   x = e.clientX;
   y = e.clientY;` 
   ...

    document.getElementById("point").style.top='x';
    document.getElementById("point").style.left='y';<-with those two lines I'm trying to pass x and y to the css #point characteristics, which apparently does not work for me so far

   }

现在它看起来像这样，x和y也是全局变量，这就是我在这里跳过它们的原因...... 也许我只是在搞乱......有了语法，我不确定，但如果你有任何想法如何解决这个问题，我很乐意看到你的建议或答案等等。最后但并非至少，请尽量避免使用JQuery。

Answer 1

设置位置时，请将JavaScript更改为：

  document.getElementById("point").style.top= y + 'px';
  document.getElementById("point").style.left= x + 'px';

你快到了，只是错过了＆＃39; px＆＃39;并且你不需要围绕x和y的单引号。

顺便说一句，你也有x和y混淆了，我想你想把y设置为顶部，然后留给x。

在给定坐标上固定一个对象

1 个答案: