JackShcherbakov
@JackShcherbakov

Как исправить эту проблему с drag'n'drop?

Здравствуйте! Набросал черновик плагина, который позволит изменять размеры элементов путем перетаскивания определенных ползунков, находящихся по периметру элемента. Но вдруг заметил проблему:
Код - https://codepen.io/CitizenOne/pen/eybLGz
Алгоритм, вызывающий эту проблему:
1. Наведите указатель мыши на левый ползунок (он пока единственный в рабочем состоянии)
2. Нажмитие и удерживайте мышь, не двигайте мышь.
3. Как можно реще двиньте мышь в любом направлении и вдруг курсор заменится перечеркнутым красным кругом

Важно:
1. Я отменил действие браузера по умолчанию при возникновения события dragstart.
2. Алгоритм выше работает через раз. Честно говоря, я сам не понимаю, при каких обстоятельствах это возникает
3. Я бы выложил скриншот, но при делании скриншота курсор "не попадает в кадр".
4. Вот так выглядит курсор при возникновении проблемы, при этом, элемент не перетаскивается:
https://s00.yaplakal.com/pics/pics_original/1/9/0/...

Выражаю огромную благодарность всем, кто поможет!
  • Вопрос задан
  • 146 просмотров
Решения вопроса 1
@kulaeff
Front-end developer
Такой курсор появляется, когда вы на странице что-то выделяете и начинаете перетаскивать. Курсор такой будет до тех пор, пока он не окажется над каким-то элементом, который может принять то, что вы перетаскиваете, тогда он меняется на стрелку с плюсиком. Возможно у вас такая хреновина. Dragstart то вы отменили, но это не мешает выделять текст вроде. Чтобы запретить выделение текста, есть CSS свойство user-select.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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