Я могу изменить содержимое тела iframe и поместить элемент ввода в тело в определенном месте на странице в iframe, теперь я хочу добавить в него функцию перетаскивания, чтобы пользователь мог перетаскивать элемент ввода и помещатьэто где-нибудь на iframe, который может быть пустым пространством или над любым текстом или изображением.
Это тоже я могу сделать, но с небольшим успехом
Я попробовал пару вещей
Сначала я использовал html5 drag and drop, чтобы сделать это, но он отбрасывает перетаскиваемыйэлемент div в соответствии с захваченным событием, при выпадении элемента.т.е. я устанавливаю элемент div влево и верхнюю позицию с помощью event.clientX, event.clientY & position: absolute.
Примерно так: -
function drop(target, event) {
var id = event.dataTransfer.getData('Text');
if (!id) return;
var e = document.getElementById(id);
e.style.position = "absolute";
e.style.left = (event.clientX+offsetx)+"px";
e.style.top = (event.clientY+offsety)+"px";
event.preventDefault();
}
Что я хочу сделать, это установить элемент div в соответствии с координатами экрана, куда я перетаскиваю элемент, а не в соответствии с событием, зафиксированным при падении.При отбрасывании он дает координаты захваченного события, а не реальные координаты экрана.
Второй добавляемый перетаскиваемый элемент в теле iframe и устанавливается абсолютное положение, но затем элемент div управляет позиционированием.