javascript - 使用 HTML5 拖放时禁用选择

Question

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

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

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

这个小提琴（来自 HTML5 Rocks）演示了我遇到的问题。

HTML5 Rocks Drag and Drop 教程确实说“如果您想使其他类型的内容成为可拖动的，您将需要利用 HTML5 DnD API。” 我想我不知道那是怎么回事

这个小提琴有效，但使用了 jQuery UI，我不能使用 jQuery UI，因为它的负载很重。

是否有一种标准的、轻量级的方式来通过拖放支持进行选择？

score -1 · Accepted Answer

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

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

1 回答 1