Javascript 检测图元上的拖动位置

我正在构建一个wysiwyg编辑器来构建html电子邮件。我希望能够通过拖放将行布局添加到编辑器中

如果将一行拖放到放置目标的中点以上，我希望在放置目标之前预先放置一行；如果它被放置在中间点以下，我想在放置目标后追加一行

---

有什么方法可以做到这一点吗？

您可以使用

getBoundingClientRect（）

在按下鼠标按钮并像这样简单移动时获取元素的坐标

element.onClick = function() {
    element.onmousemove = function() {
        var x1 = element.getBoundingClientRect().left,
            x2 = x1 + element.getBoundingClientRect().width,
            y1 = element.getBoundingClientRect().top,
            y2 = element.getBoundingClientRect().height;
    }
}

---

现在你可以用这些坐标做任何你想做的事情。

你试过什么了？嘿，非常感谢。我还没有完成我的解决方案，但这看起来会奏效！