javascript - 将拖放链接拖放到仅包含文本的文本框中

Question

例如，我有一个链接（或任何其他可以拖放的控件），如下所示：

<a href="something.xxx" onclick="something">Text Link</a>

如果我将此链接拖放到文本框中，它将链接位置粘贴到文本框中，但是，我只想要“文本链接”，我该怎么做？

请注意，它不必是链接，我只需要一个可以拖放的 Web 控件。

Answer 1

使用 jQuery 和 jQuery UI：

$('a').draggable({revert: true});

$("#textbox").droppable({
    hoverClass: 'active',
    drop: function (event, ui) {
        this.value = $(ui.draggable).text();
    }
});

演示：http: //jsfiddle.net/puzzlega/ffArQ/2/