Tagged: drag-n-drop

01
Сен
2021

Запретить перетаскивание файлов из finder на мак на input type="file"?

Подскажите, пожалуйста, как запретить перетаскивание файлов из finder на мак на input
с аттрибудтом type="file"?
Пробовал скрипт ниже. Не получается. Возможно, этот код запрещает перетаскивание на элемент только дом узлов. А на ф…

07
Авг
2021

Помогите написать систему Drag And Drop на React для инвентаря

До этого я сталкивался с Drag And Drop на JQuery и все отлично удалось, но в проекте на React немного не понятно. Написал основные функции, которые позволяют мне перетаскивать, но элементы меняются рандомно. Я прикрепляю код ниже:

imp…

07
Авг
2021

Помогите написать систему Drag And Drop на React для инвентаря

До этого я сталкивался с Drag And Drop на JQuery и все отлично удалось, но в проекте на React немного не понятно. Написал основные функции, которые позволяют мне перетаскивать, но элементы меняются рандомно. Я прикрепляю код ниже:

imp…

01
Авг
2021

Некорректное перетаскивание элемента

Есть сетка их элементов. 2 из них можно перетаскивать на различные ячейки сетки. Перетаскивание реализовано для телефона, но работает оно не очень корректно.Когда я хватаю элемент за разные места,то он мгновенно перемещается лишь к одному …

02
Июл
2021

Как сделать div элемент зоной для загрузки файлов

Вопрос явно глупый, но я не могу найти рабочего варианта четвертый час.
Мне нужно, чтобы фотографии можно было перетягивать на элементы типа image, которые представляют собой папку. Никакие обёртки типа form input не использую.
Надеялся на…

10
Июн
2021

Drag and drop fileList

Я пытаюсь перетащить файлы для отправки, но файлы, которые я перетаскиваю, не отображаются в fileList, они хранятся в массиве File, и когда я отправляю их на сервер, отправляются только файлы, расположенные в fileList.
html

29
Май
2021

React, firestore реализовать обновление массива(obj)

Как мне правильно сохранять изменение в firestore в массиве(items), совсем запутался может есть пример, нужно чтобы все изменение сохранялись в firestore, хочу сделать что-то похоже на Trello. Пробовал перезаписывать массив ну не получилос…

21
Май
2021

Возвращение объекта, перенесенного в другой объект

Имеется ряд div-блоков (к ним присвоены классы ui-draggable и ui-draggable-dragging), почти все из которых — перетаскиваемые. Один из этих блоков принимает в себя объекты, к которым присвоен метод draggable().

$(document).ready(functi…

13
Май
2021

Используя JS необходимо изменять цвет элемента div, в зависимости от положения на экране

Прошу помощи, у меня есть элемент div(квадрат), который можно перетаскивать по экрану браузера, необходимо "условно" поделить экран на 4 части, и менять цвет перетаскиваемого объекта в зависимости от положения на экране, то есть,…

05
Май
2021

В react-dnd при старте перетаскивания делается снимок элемента с прокруткой

Проблема с реализацией Drag&Drop при помощи react-dnd.
Если у перетаскиваемого элемента имеется скролл, и в элементе только текстовое содержимое, то preview элемента делается правильно, без скрытой части.
Но как-только я добавляю внизу…

15
Апр
2021

не всегда срабатывает событие onDragOver

Пытаюсь реализовать драг-н-дроп, при срабатывании onDragOver должна срабатывать проверка по классу элемента, и при обнаружении совпадения меняться фон, но это происходит не постоянно (в некоторых элементах меняет, в некоторых нет). Заранее…

07
Мар
2021

JS событие drop в contenteditable, как получить место сброса?

Пишу wysiwyg редактор, переопределяю стандартное поведение браузера при событии ‘drag&drop’ (перетаскивание элементов), сперва хотел бы узнать, как получить точное место вставки переносимого фрагмента? Узел в который сбрасывают перетас…

23
Фев
2021

Как соединить два drag and drop элементы?

Есть таблица, есть фильтр с меню которое при перетаскивании каждый элемент менять свое место, мне надо чтобы при перетаскивании этих элементов меню колонки в таблице тоже меняли свое место автоматически, никак не получается сделать это. П…

18
Фев
2021

Перемещение элементов js

Как реализовать перемещение блоков между собой так, чтобы элементы не "ломались" из-за того, что все элементы внутри блока так же переносятся.

const main = document.querySelector(“.item_list”);

main.querySelectorAll(“.item”…

09
Фев
2021

Координаты мыши js dnd

Необходиом получить координаты мыши (делаю dnd). На событие onmouseenter вызываю функцию, которая получает координаты :
x = e.pageX;
y = e.pageY;

Но объект улетает куда-то в космос.
При получении координат просто по onClick по полю объект…

28
Янв
2021

Как отследить координаты перетаскиваемого объекта относительно другого

При нажатии на "+" создается новый элемент. Его можно перемещать между блоками. Если его отпустить на каком-то элементе, он вставится после него. Нужно сделать так, чтобы при дропе на какой-то элемент, если перетаскиваемый элемен…

20
Янв
2021

Перетаскивание конкретного элемента в конкретный див

У меня есть два параграфа и два дива. Нужно сделать, чтобы можно было перетаскивать параграф в только конкретный див.
Пример: Параграф1 не может быть засунут в Див2, но может в див1 ну и Параграф2 может быть засунут только в Див2.
Стартовы…

26
Дек
2020

Что делает эта функция

Функция mouseObject нужна для работы гран н дропа, но что именно в ней происходит кто-то может объяснить?
//Начало перетаскивания элемента
board.ondragstart = function(e) {
hide = e.target;
e.dataTransfer.setData(‘card’, e.targ…

26
Дек
2020

Что делает эта функция

Функция mouseObject нужна для работы драг н дропа, но что именно в ней происходит кто-то может объяснить?
//Начало перетаскивания элемента
board.ondragstart = function(e) {
hide = e.target;
e.dataTransfer.setData(‘card’, e.targ…

23
Дек
2020

Помогите с реализацией игры типа тетрис

Хочу попробывать реализовать популярную игру типа тетриса.

Загвоздка состоит в том, как реализовать перетягивание фигуры в определённое место на игровом поле. С самим перетягиванием разобрался с помощью Drag and Drop. Я теоретически пред…

08
Ноя
2020

Если "тянуть" draggable элемент за край, то событие применятся сразу ко всем элементам

есть блок с draggable элементами, добавил js, все хорошо работает, но если постараться потянуть за край drag элемента – drag event применяется ко всем элементам
<html>
<head>
<script src="https://code.jquery.co…