Html5拖放-拖拽文本的单个字符-可以看到光标中的字符与图像一起工作

html5 drag and drop - dragging single character of text - possible to see character in cursor as works with image?

本文关键字:字符 光标 工作 一起 图像 拖放 文本 Html5 单个      更新时间:2023-09-26

我有一个棋盘。片段可以是图像,也可以是unicode字符。

当拖动图像时,光标显示该图像。G,白衣骑士。

当拖动字符时(实际上是拖动包含该字符的div,因为不能将拖动触发器附加到文本元素上),光标将显示一个小文档,而不是div内的单个字符。

这是一个问题,因为我想让用户知道他正在移动的是什么!

是否有这样的工作与字体喜欢它与图像?

可以在文本行中显示时使用带有display:inline的div。它的行为就像一个正常的跨度。拖动后,更改为display:block和position:absolute以启用拖动