Событие ondrag срабатывает только при выделении текста

Question

Я заметил, что события перетаскивания, ondrag, ondragstart и т. Д. Запускаются только при выделении текста.

У меня есть следующий HTML:

<div id="draggable" style="padding: 10px; background-color:#999;">
    <div>test</div>
</div>

... и этот javascript:

$("#draggable").on("drag", function(){ console.info("dragged")});

http://jsfiddle.net/gZ2pf/10/

Если вы попытаетесь перетащить, ничего не сработает, но как только вы выделите текст, оно сработает. Я всегда могу повторить перетаскивание с помощью событий мыши, но перетаскивание работает через фреймы, я также могу повторить это, но это сделает код действительно нечистым.

Мой вопрос: кто-нибудь знает, как вызвать перетаскивание событий без необходимости выделять текст?

Answer 1

@ Иван Спасибо, вы только что указали мне правильное направление, я не знаю, существует ли перетаскиваемый атрибут.

Все, что ему было нужно, это перетаскиваемый атрибут в div.

<div draggable="true">drag this</div>

Answer 2

С помощью jQuery UI вы можете активировать события перетаскивания для всех элементов DOM: http://jqueryui.com/demos/draggable/

Если вы хотите активировать перетаскивание для всего элемента div;Вы должны активировать его: -)

Я делаю небольшую скрипку, активирующую перетаскивание первого div http://jsfiddle.net/JdVv5/ и активирую его для "текстового div" http://jsfiddle.net/JdVv5/2/