拖拽

creact-dnd

https://codesandbox.io/s/epic-cookies-fy2qn7?file=/src/components/Test/index.jsx

拖拽事件触发的时机

不管是 dragOver 还是 dragEnter 都是以点(也就是你开始拖动的时候的鼠标点)为基准的，只有这个鼠标点进入或者离开目标元素才会触发对应的事件，并不是说你拖拽元素的某一区域

以右图的红色点为我们鼠标开始拖动的位置，只有当这个红色点进入到我们的下一个元素也就是小黄内部才会触发over 事件，当这个红色点离开小黄这个元素就会触发leave

使用原生 drag 和 drop 实现拖拽

https://github.com/wanglifa/lowCode/tree/main/src/pages/demo