Перетащите выделенный контент из браузера

Question

Я хочу знать, есть ли способ узнать это, узнать, что было выбрано в браузере, используя jquery, если мы выберем контент в браузере (например, выделите, когда вы нажимаете и перетаскиваете).

Например, у меня есть таблица, и я выбрал (например, выделить, когда вы нажимаете и перетаскиваете) строку этой таблицы, и теперь я хочу перетащить ее на вход. Когда я перетаскиваю содержимое, знаю ли я какую-либо возможность перетаскивания содержимого из браузера. Здесь я не использую перетаскивание таблицы jquery. Возможно ли это с помощью перетаскивания, если возможно, у меня есть пример.

Заранее спасибо.

Answer 1

Вот как вы перетаскиваете содержимое строки таблицы в текстовый ввод.

Включить JQuery и jQueryUI:

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 

Составьте таблицу и элемент ввода:

<table> 
    <tr> 
    <td>Dog</td> 
    </tr> 
    <tr> 
    <td>Fish</td> 
    </tr> 
    <tr> 
    <td>Cat</td> 
    </tr> 
</table> 

<p> 
    <input type="text" placeholder="Choose an animal" id="dropzone" /> 
</p> 

Добавьте следующий JS:

$("tr").draggable({ 
    appendTo: "body", 
    helper: "clone" 
}); 

$("#dropzone").droppable({ 
    drop: function(event, ui) { 
    $(this).val(ui.draggable.text().trim()); 
    } 
}); 

Внутри функции перетаскивания $(this) относится к элемент, на который был перемещен первый элемент, поэтому это простой вопрос ng его значение к тексту элемента, который был удален.

Demo