在事件元素中获取鼠标 position：onDrop

Question

is it possible to calculate somehow position of mouse inside an droppable container. For example mouse cursor is near right border of droppable container. I would like to know that position of mouse is to the right, or center, or left relative to the container where I wan't to drop the element

<div onDrop="handleDrop">... some content inside </div>

and js

const handleDrop = evt => {
 // here I am looking to calculate the mouse position inside the container
}

Answer 1

The event object (evt) that is passed to your handleDrop method already contains the X and Y mouse positions at the moment of drop.

const handleDrop = evt => {
  const mouseX = evt.clientX;
  const mouseY = evt.clientY;
}