darkleviathan
@darkleviathan

Как перетащить текст DND в input?

Есть такой код :

print "<a draggable='true' ondragstart='drag(event)'>Hello</a>";
print "<br><input id=data type=text name=p1 ondrop='drop(event)' ondragover='allowDrop(event)'>"


<script>
function allowDrop(ev) {
    ev.preventDefault();
}

function drag(ev) {
    ev.dataTransfer.setData('text', ev.target.id);
}

function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData('text');
    ev.target.appendChild(document.getElementById(data));
}
</script>

Выдает такую ошибку.
Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.
Помогите разобраться в чем проблема.
  • Вопрос задан
  • 58 просмотров
Пригласить эксперта
Ответы на вопрос 2
@Ibishka
function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData('text');
    var elem = document.getElementById(data)
    ev.target.appendChild(elem);
}
Ответ написан
darkleviathan
@darkleviathan Автор вопроса
Уже решил данную задачу сам.Спасибо всем за помощь)
Оставляю код на всякий случай здесь.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы