Перетаскивание текста через DIV

У меня есть div на моем веб-сайте, и когда на него нажимают, он показывает окно поиска (сделано с помощью jQuery).

тем не менее, я хотел бы, чтобы этот div принял текст drag'n'dropped. В моем случае пользователь выбирает обычный текст из любой точки сайта и перетаскивает его, чтобы скопировать и вставить в поле поиска.

Если поле поиска всегда было видно, он мог просто поместить его в текстовое поле, обрабатываемое изначально браузером/ОС. Однако, есть ли способ я могу имитировать то же самое с этим div? Пользователь опустит свой текст на div, и он запустит событие click, чтобы показать текстовое поле и вставить упавший текст в поле.

мой сайт использует Modernizr+jQuery+jQuery UI и HTML5 / CSS3. Совместимость с IE6 не является проблемой.

спасибо заранее!

6
drag-and-drop javascript jquery

1 ответов

вы можете использовать события перетаскивания HTML5:

$('#dropTextHere').bind('drop', function (e) {
    var theDroppedText = e.originalEvent.dataTransfer.getData('Text');
});

вы можете прочитать больше об этом здесь.

7