ondrag事件不提供坐标，仅表示拖拽状态；实时坐标需通过ondragover（需preventdefault）或mousemove获取，且须手动读取clientx/clienty。
HTML ondrag 事件本身不提供坐标，别被名字误导
ondrag 是 HTML5 拖拽 API 中的一个事件，但它**只在拖拽过程中持续触发，不携带鼠标坐标信息**。它常被误认为能实时获取位置，实际连 event.clientX 都需要手动读取，且该事件默认不阻止浏览器默认行为，容易导致拖拽中断或页面跳转。
真正能稳定获取坐标的，是 ondragover 或 onmousemove（配合 draggable="true"）；而 ondrag 更适合做状态同步、防抖标记、或触发非视觉逻辑（比如记录拖拽时长）。
-
ondrag的event对象里没有clientX/clientY—— 必须靠监听其他事件补足 - 它在拖拽开始后、结束前高频触发，但**不保证每帧都执行**，尤其在快速拖动时可能丢帧
- 若未在
ondragover中调用e.preventDefault()，ondrop会失效，此时ondrag可能成为“唯一还在触发的事件”，造成误判
ondragover 才是获取实时坐标的主力，但必须加 preventDefault()
想让元素支持拖入并持续读取坐标，ondragover 是唯一可靠入口。它每几十毫秒触发一次，且原生携带完整鼠标位置信息，但前提是：目标区域必须显式允许拖入。
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
常见错误是只写 ondragover="handleDragOver()" 却忘了阻止默认行为，结果 drop 不触发，dragover 也很快停止派发。
- 必须在事件处理函数第一行写
e.preventDefault()，否则浏览器会拒绝后续拖拽交互 -
e.clientX/e.clientY可直接读取，无需额外计算 - 如果目标区域是空容器（比如
<div></div>），还需设置style="min-height: 20px"，否则无法触发dragover
如何真正实现实时坐标更新（不卡顿、不丢点）
单纯依赖拖拽事件链（dragstart → drag → dragover → drop）做高频率坐标追踪，容易因事件节流或 DOM 重排导致延迟。更稳的方式是：在 dragstart 后立即绑定 mousemove，并在 dragend 时解绑。
- 在
ondragstart中调用document.addEventListener('mousemove', updatePos) -
updatePos函数里直接读event.clientX和event.clientY，精度和频率远高于ondrag - 务必在
ondragend或onmouseup中移除监听，避免内存泄漏 - 注意：此法绕过了 HTML5 拖拽语义，适用于自定义拖拽（如地图 marker、画布元素），不适用于跨区域文件拖放
React/Vue 里用 ondrag 要特别小心的兼容性坑
框架对原生拖拽事件的封装常有差异。React 会把 ondrag 自动转为合成事件，但 event.nativeEvent 才包含原始坐标；Vue 2 的 @drag 绑定默认不传递 event 参数，需显式写成 @drag="handler($event)"。
- React 中：必须用
e.nativeEvent.clientX，e.clientX是undefined - Vue 3 的
v-on:drag支持解构，但clientX仍来自原生事件，不是响应式数据 - Safari 对
ondrag的触发频率限制更严，同一元素连续拖动可能被合并为单次事件 - 移动端无原生
ondrag，得靠touchmove+draggable="false"模拟
ondrag 从不负责定位，它只负责“我在拖”这个事实；真要算位置，得靠 dragover 或 mousemove，而且每次都要亲手关掉默认行为。**前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
