Обнаружение позиции перетаскивания на элементе

Question

Я создаю редактор wysiwyg для создания html-сообщений электронной почты. Я хочу иметь возможность добавлять макеты строк в редактор путем перетаскивания.

Если строка перетаскивается и опускается выше половины точки цели капли, я хочу добавить строку до цели капли; и если он опускается ниже половины точки, я хочу добавить строку после целевой цели.

Есть ли способ сделать это?

Answer 1

Вы можете использовать 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; 
    } 
} 

и теперь вы можете делать все, что вы хотели бы с этими координатами.