Просто нужно некоторое руководство по динамически перетаскиваемому элементу ввода на холсте

Question

Хорошо, вот что я пытаюсь сделать так:

1. У меня есть холст.
2. Этот холст содержится в контейнере div холста.3.Перед этим div я хочу иметь возможность добавлять динамически перетаскиваемые элементы ввода.
3. Динамически добавляемые элементы ввода должны быть перетаскиваемыми поверх холста.5. Эти динамически добавляемые входы будут добавлены с помощью кнопки.
4. Предполагается, что эти поля связаны с конкретным корневым элементом ввода или чем-то в этом роде.написать мне весь код или что-нибудь.Просто нужен путь. Как я могу снять что-то подобное?Мне нужно сделать это на html5, и я немного знаком с jquery и т. Д.Помощь оценена!Спасибо!

Answer 1

Для этого вам просто нужно прочитать о том, как HTML5 Drag and Drop работает.

Холст будет просто вашей целью, поэтому он не будет перетаскиваемым. Но он должен обрабатывать события drop и dragend. Другие элементы должны быть перетаскиваемыми.

Есть множество статей о динамическом добавлении элементов ввода.