javascript - Javascript 拖动

Question

我试图制作一个可拖动的元素，但我失败了......我不想使用 jquery。

我得到了以下html代码：

<div id='area'>
  <div id='drag'></div>
</div>

我想将 id='drag' 拖到 id='area' 内而不是离开它。

对不起我糟糕的英语和我的新手问题。

编辑：

Area.addEventListener("mousemove", function (e) {
    var X, Y;
    X = e.offsetX;
    Y = e.offsetY;
    Information.innerHTML = 'X:' + X + ' - ' + 'Y:' + Y;
});

img.addEventListener("mouseover", function () {
    this.style.cursor = 'move';
    this.addEventListener("mousemove", function (e) {
        var X, Y;
        X = e.offsetX;
        Y = e.offsetY;
        Information2.innerHTML = 'X:' + X + ' - ' + 'Y:' + Y;
    });
});

idk 如何获取区域的 X 和 Y 以将其添加到 img

Answer 1

看看这个。我在网上找到了这个。我认为这是您正在寻找的：

Javascript 可拖动