HTML5 drag and drop, как правильно?

Вот тренирую перетаскивание, вопрос, как сделать свою миниатюру при перетаскивании встроенным в API функционалом? Или только мышинными событиями такое провернуть можно?
Ну и вообще, правильно ли я использую drag and drop?
  • Вопрос задан
  • 215 просмотров
Решения вопроса 1
Vlad_IT
@Vlad_IT Куратор тега JavaScript
Front-end разработчик
в e.dataTransfer.setImage можно задать свою картинку
Тут подробнее https://developer.mozilla.org/en-US/docs/Web/API/D...
Тут пример https://codepen.io/webgeeker/pen/KBzrxE

UPD: т.е. в dragStart пишите
function dragStart(e){
  var img = new Image();
  img.src = "/path/image.jpg";
  e.dataTransfer.setDragImage(img, 0, 0);
}

Предварительно нужно сделать так, чтобы картинка была уже закешированной в браузере (чтобы при драге браузер ее не качал), поэтому лучше img заранее грузить.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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