使用HTML5時禁用選擇拖放

使用HTML5拖放，可拖動容器內的文本變爲不可選。使用HTML5時禁用選擇拖放

我試過把用戶選擇的CSS標籤添加到文本的父元素，但它似乎沒有幫助。

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

This fiddle（來自HTML5 Rocks）演示了我遇到的問題。

HTML5 Rocks Drag and Drop tutorial確實會說「如果您希望其他類型的內容可以拖動，您需要使用HTML5 DnD API。」我想我不知道如何可以工作

這fiddle的作品，但利用jQuery UI，我不能使用jQuery UI，因爲它的重載。

有沒有一個標準的，輕量級的方式來獲得選擇與拖放支持？

2012-10-22 yekta

http://jsfiddle.net/oceog/6sRe8/1/ 請讓我知道我是爲你的作品，我會在回答 –

它的工作解釋！所以看起來似乎沒有辦法解決它，但將可拖動元素更改爲更小的項目是個訣竅。 – yekta

是的，你如何想象選擇和拖動相同的元素？它只是一個物理動作（用鼠標拖拽） –

-1

所以這裏簡單的技巧是製作可拖動的標題元素，而不是整個元素。

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

2012-10-22 19:08:56

回答