在DIV中显示光标

时间:2009-09-27 13:15:27

标签: javascript html css

我正在尝试在网上制作一个花哨的编辑器,我需要给用户一个直接在DIV / SPAN /其他元素中键入内容的印象。

我可以通过将键盘路由到隐藏文本框来捕获键击,是的,但我想知道如何在正确的位置显示光标以完成幻觉。

有什么想法吗?

2 个答案:

答案 0 :(得分:4)

我相信大多数浏览器内的富文本编辑器通过使用contentEditable属性(我认为每个浏览器都有不同的名称)来实现这一点,所以它让系统处理它。这是一个更清洁的解决方案,因为所有本机命令和快捷方式(ctrl + left,双击以选择单词等)的工作方式与他们期望的完全相同,而且您无需执行任何操作。

如果有一个非常的理由,你想用另一种方式,我想你可以通过使用GIF动画来捏造它,只需每次按键移动它。除非他们使用等宽字体,否则找到放置光标的位置将很困难......

答案 1 :(得分:0)

#editor {cursor:text;}

(认为它是你想要的光标“文本”)