user-drag 不是标准 HTML 或 CSS 属性，浏览器完全不识别；它在 img 或表格中写成 user-drag="none" 会被忽略，真正有效的是 draggable="false" 和 ondragstart 事件。
user-drag 是什么？它根本不能用在 HTML 表格图片上
直接说结论：user-drag 不是标准 HTML 或 CSS 属性，浏览器完全不识别它。你在 <img> 或表格单元格里写 user-drag="none"，不会禁用拖拽，也不会报错——只是被忽略。真正起作用的是 draggable 属性和 ondragstart 事件。
怎么真正禁止表格里图片被拖拽
默认情况下，<img> 元素是可拖拽的（draggable="true"），点击拖动会触发浏览器默认的“拖出图片”行为。要禁用，必须显式干预：
-
draggable="false"加在<img>标签上是最简方案，比如：<td><img src="a.jpg" draggable="false" /></td>
- 如果图片是动态插入的，记得 JS 创建元素时也设
el.draggable = false - 仅靠 CSS（如
pointer-events: none）不行——它禁用点击，但拖拽仍可能触发 - 不要依赖
ondragstart="return false"单独使用：它阻止了拖拽开始，但鼠标按下瞬间仍可能触发选中或文本高亮，体验不干净
为什么表格环境特别容易踩坑
在 <table> 中禁用图片拖拽，常因结构嵌套引发意外行为：
- 如果
<td>里有其他可拖拽内容（比如文字、链接），draggable="false"只作用于该<img>，不影响父容器——别指望给<td>加属性能管住里面的图片 - 某些旧版 Safari 对
draggable="false"支持不稳定，需额外加ondragstart="event.preventDefault()" - 用 CSS 框架（如 Bootstrap）时，注意其重置样式可能覆盖了
img的默认draggable状态，导致行为不一致
需要允许拖拽时，该怎么安全控制
如果目标不是“禁止”，而是“可控拖拽”（比如拖到指定区域），那就得主动用标准拖放 API：
立即学习“前端免费学习笔记（深入）”；
- 必须设
draggable="true"（显式声明，不能依赖默认值） - 在
ondragstart里调用event.dataTransfer.setData()，否则 Chrome/Firefox 会拒绝拖拽 - 表格单元格本身默认
draggable="false"，所以拖拽源只能是<img>这类内联元素，不能直接拖<td> - 别忘了给目标区域设
ondragover="event.preventDefault()"，否则drop事件根本不会触发
draggable 属性，再配合事件处理。任何叫 user-drag 的写法都是无效幻觉。 
