Javascript拖动

Question

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

我得到了以下HTML代码：

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

我想在id ='area'中拖动id ='drag'并且不会离开它。

抱歉我的英语不好以及我的新手问题。

编辑：

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 Draggable