Задать вопрос
@Danila232

Вопросы по оформлению drag'n'drop ??

Сделал простенький драг-дроп, есть вопросы:
1) При перетаскивании элемента он становится полупрозрачным. Вроде это дефолтное поведение для картинок и элементов с draggable="true". Но выглядит это конечно так себе. Можно как-то сделать, чтобы при захвате элемента он оставался самим собой, не становился тусклым?

2) Поставил элементу cursor: pointer, но при его захвате и наведении на Целевую зону у курсора появляется плюсик. Можно как то изменить?

Если обе эти вещи никак не изменить, есть какой-то ещё способ делать drag/drop по другому?

Код: https://codepen.io/Vegan-AK/pen/NWoJZgR
  • Вопрос задан
  • 230 просмотров
Подписаться 2 Простой 4 комментария
Решения вопроса 1
Kentavr16
@Kentavr16
long cold winter
Я сейчас изложу свое понимание - не сверялся со справочниками и никогда не заморачивался по этому поводу, так что могу ошибаться.
У браузера есть встроенная логика обращения с перетаскиваемыми элементами. Потаскай любую катринку на любом сайте - она потащится. Так же как ссылки, к примеру. Для кастомизации такого рода событий есть event,preventDefault. Ты так отменяешь встроенное действие, а поверх события для этого действия пишешь свою логику. Вот пример. Сгенерирован нейросетью, мне лень дорабатывать. Но логика вполне ясна. Отменил - написал свое. Так что при перетягивании можешь делать абсолютно что угодно.
П.С. - может есть способ переопределить и стандартное поведение браузера при перетаскивании, но я такого никогда не видел.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
riky
@riky
Laravel
через эту библиотеку можно сделать разные перетаскивания, не только сортировку. можно перетаскивать меджу разными группами. я даже древовидную структуру на ней делал
https://github.com/SortableJS/Sortable
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
04 дек. 2024, в 14:57
100000 руб./за проект
04 дек. 2024, в 14:49
1000 руб./за проект
04 дек. 2024, в 14:46
25000 руб./за проект