ie11及旧版edge不支持draggable属性，光标不变、dragstart不触发，需降级为mousedown/mousemove/up手动模拟拖拽。
draggable="true"在IE11或旧版Edge中根本不起作用
IE11和Edge 12–18不支持draggable属性，设了draggable="true"后光标不变、dragstart事件永不触发——这不是配置问题，是内核缺失。这些浏览器连dataTransfer对象的setData/getData方法都只部分实现，原生拖放链从起点就断掉。
必须降级为手动模拟：监听mousedown + mousemove + mouseup，用transform: translate()移动元素，并在mouseup时计算目标区域位置。别试图“打补丁式启用draggable”，成本远高于重写。
- 禁用所有
drag*事件监听，避免在旧内核中抛TypeError: Cannot read property 'setData' of undefined - 用
document.documentMode或navigator.userAgent.includes('Trident')做精准检测，而不是靠draggable in document.createElement('div')——后者在IE11中返回true但实际无效 - 模拟拖拽时，鼠标坐标统一用
event.clientX/clientY，无需转换画布坐标系（因无缩放/iframe嵌套等复杂场景）
Firefox ESR 68 或 Chrome 50 以下无法正确触发drop事件
这些版本对dragover中preventDefault()的执行时机敏感：若在节流函数里延迟调用，或在requestAnimationFrame回调中才preventDefault()，drop事件会静默丢失。它们要求preventDefault()必须在dragover同步上下文中立即执行。
实操上，不能把e.preventDefault()包进任何异步逻辑。哪怕只是加个setTimeout(() => e.preventDefault(), 0)，drop就会失效。
-
dragover回调体第一行就写e.preventDefault()，后面再做坐标计算或防抖判断 - 避免在
dragover里调用可能异步的工具函数（如debounce、throttle封装体） - 旧版Chrome不支持
dataTransfer.items，只认dataTransfer.getData('text/plain')，传结构化数据必须先JSON.stringify()
移动端WebView（如微信X5内核、QQ浏览）完全忽略draggable属性
绝大多数Android/iOS WebView基于老旧Chromium或WebKit分支，直接无视draggable="true"，dragstart事件永远不会派发。这不是兼容性问题，是内核主动屏蔽——它们把原生拖放视为高危交互，从事件系统层过滤掉了。
必须全程接管：用touchstart代替dragstart，用touchmove代替dragover，并自己维护拖拽状态机（isDragging flag + currentTarget缓存）。
- 禁用
touch-action: none或touch-action: pan-y，否则touchmove会被系统吞掉 -
touchmove中用e.touches[0].clientX取坐标，别用e.changedTouches——旧WebView对其支持不稳定 - 辅助线渲染必须脱离
touchmove高频循环：用requestAnimationFrame节流更新，且仅当位移变化 > 2px 才重算
低版本Safari（iOS 12.5 / macOS 10.14）拖拽图像偏移严重
Safari 12.x 对setDragImage()的坐标理解有偏差：x、y参数被解释为相对于视口而非图像左上角，导致拖拽阴影始终漂在鼠标右下角。更糟的是，它不支持canvas实例作为拖拽图像，传进去直接黑块。
唯一可靠方案是放弃setDragImage()，改用半透明cloneNode(true)生成拖拽镜像，并用position: fixed + pointer-events: none定位到鼠标位置。
- 镜像元素挂载到
document.body，避免被父容器overflow: hidden裁剪 - 用
getBoundingClientRect()实时计算鼠标相对视口坐标，再减去镜像自身宽高的一半，实现居中跟随 - 在
dragend或mouseup后立即remove()镜像，防止内存泄漏
dragstart都不派发，你根本收不到失败信号。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
