html5 перетаскивание отдельного символа текста — можно увидеть символ в курсоре, как работает с изображением?

#javascript #html #drag-and-drop #dom-events

#javascript #HTML #перетаскивание #dom-события

Вопрос:

У меня есть шахматная доска. Фрагменты могут быть либо изображениями, либо символами Юникода.

При перетаскивании изображений курсор показывает изображение, например, белого рыцаря.

При перетаскивании символа — фактически перетаскивании div, в который вложен символ, поскольку вы не можете прикрепить триггер перетаскивания к текстовому элементу — курсор показывает небольшой документ вместо одного символа внутри div.

Это проблема, поскольку я хочу, чтобы пользователь знал, какую часть он перемещает!

Есть ли что-нибудь для этой работы со шрифтами, нравится ли это работать с изображениями?

Комментарии:

1. Вы используете jQuery для этого или собственный JavaScript?

2. родной javascript, уровень html5

Ответ №1:

Вы можете использовать div с display:inline при отображении в текстовой строке. Затем он будет вести себя как обычный span. После перетаскивания измените на display: block и position: absolute, чтобы включить перетаскивание.

Комментарии:

1. для div изменен режим отображения на встроенный, поведение такое же — курсор становится маленьким документом при перетаскивании.