使用HTML5拖放时禁用选择

Question

使用HTML5拖放功能，可拖动容器中的文本将变为不可选择。

我尝试将用户选择的CSS标签添加到文本的父元素中，但它似乎没有帮助。

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

此fiddle（来自HTML5 Rocks）演示了我遇到的问题。

HTML5 Rocks Drag and Drop tutorial确实说“如果你想让其他类型的内容可以拖动，你需要利用HTML5 DnD API。”我想我不知道它是如何起作用的

这个fiddle有效，但是使用了jQuery UI，由于它的负载很重，我无法使用jQuery UI。

是否有标准的，轻量级的方式来获得拖放支持选择？

Answer 1

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

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