Javascript 使用HTML5拖放时禁用选择

使用HTML5拖放，可拖动容器中的文本变得不可选择

我曾尝试将user select CSS标记添加到文本的父元素中，但似乎没有帮助

   [draggable] {
     -moz-user-select: all;
     -khtml-user-select: all;
     -webkit-user-select: all;
      user-select: all;
   }

这（来自HTML5Rocks）说明了我面临的问题

这句话的意思是“如果你想让其他类型的内容可以拖动，你需要利用HTML5DNDAPI。”我想我不知道这是怎么回事

这是可行的，但是使用了jqueryui，我不能使用jqueryui，因为它的负载很重

---

有没有一种标准的、轻量级的方法可以通过拖放支持获得选择？

所以这里的简单技巧是制作可拖动的标题元素，而不是整个元素

<div class="dragme">
    <header dragable="true">Header</header>
 <p>Content</p>
</div>

标题
内容

请让我知道它对您有效，我会在回答中解释它确实有效！所以看起来似乎没有办法解决这个问题，但将可拖动的元素更改为较小的项目是一个技巧。是的，您如何想象在同一个元素上选择并拖动？这只是我看到的一个物理动作（鼠标拖动），我想这样说是有道理的。我想我把handler元素和列本身搞混了。谢谢@eicto，很好的解决方案，也

event.dataTransfer.setDragImage（element，0，0）

可以添加到您的代码中，它有助于将“full”元素设置为“drag image”