Html5拖放-拖拽文本的单个字符-可以看到光标中的字符与图像一起工作
html5 drag and drop - dragging single character of text - possible to see character in cursor as works with image?
我有一个棋盘。片段可以是图像,也可以是unicode字符。
当拖动图像时,光标显示该图像。G,白衣骑士。
当拖动字符时(实际上是拖动包含该字符的div,因为不能将拖动触发器附加到文本元素上),光标将显示一个小文档,而不是div内的单个字符。
这是一个问题,因为我想让用户知道他正在移动的是什么!
是否有这样的工作与字体喜欢它与图像?
可以在文本行中显示时使用带有display:inline的div。它的行为就像一个正常的跨度。拖动后,更改为display:block和position:absolute以启用拖动
相关文章:
- 在JavaScript中输出转义字符
- 不同浏览器中的空白字符正则表达式行为
- Regex匹配除“”之外的所有字符;.js”;
- 自定义函数中的光标位置
- 拆分文本以每隔n个字符添加一行新行,并注意空格
- 使用RegExp查找url中的字符
- 如何为jQuery屏蔽输入插件创建一个允许字母数字、空格和重音字符的掩码
- 使用正则表达式将输入格式设置为单字符逗号、单字符逗号等
- 允许在文本框中使用某些字符
- 根据页面的位置突出显示文本中的字符
- 元素的内容必须由格式正确的字符数据或标记组成
- 如何将字符串拆分为字符,但在javascript中保留空格
- 在Widget代码中使用javascript从左向右滑动光标图像
- 用自定义字符替换闪烁的文本光标
- 将字符插入输入文本框时的制表符光标
- javascript内容可编辑:将光标设置为字符偏移量
- 光标前面的字符
- 获取文本区域中离光标最近的某个字符
- 如何发送'ctrl+end'键<text区域>元素,使光标落在最后一个字符之后
- Html5拖放-拖拽文本的单个字符-可以看到光标中的字符与图像一起工作