我正在尝试制作一个精美的在线编辑器,我需要给用户一种印象,即他正在直接在 DIV/SPAN/其他元素中输入。
我可以通过将击键路由到隐藏的文本框来捕获击键,是的,但是我想知道如何在正确的位置显示光标以完成幻觉。
有什么想法吗?
最佳答案
我相信大多数浏览器内的富文本编辑器都是通过使用 contentEditable
属性来实现的(我认为每个浏览器都有不同的名称),所以它让系统来处理。这是一个更简洁的解决方案,因为所有 native 命令和快捷方式(ctrl+left、双击以选择单词等)的工作方式与他们预期的完全相同,您无需执行任何操作。
如果您有真的充分的理由想要采用这种其他方式,我想您可以通过使用动画 gif 并在每次击键时移动它来捏造它。除非他们使用等宽字体,否则很难找到放置光标的位置...
关于javascript - 在 DIV 中显示光标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1483561/