在DIV中显示光标

我想在线制作一个奇特的编辑器，我需要给用户一个印象，他直接在DIV/SPAN /其他元素中输入内容。在DIV中显示光标

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

任何想法？

我相信，大多数的浏览器的富文本编辑器的使用contentEditable属性做到这一点（有一个为每个浏览器，我认为不同的名称），所以它让系统处理。这是一个更清洁的解决方案，因为所有的本地命令和快捷键（ctrl +左键，双击选择单词等）的工作方式与他们期望的完全相同，您无需执行任何操作。

如果真的有你想用这种方式去做的一个很好的理由，我想你可以通过使用动画gif来改变它，只是每次击键都会改变它。除非他们使用等宽字体，否则找到放置光标的位置将会很困难......

2009-09-27 13:20:49 nickf

是的，我想到了光标，但我真的没有打算走下那条路..现在将搜索contentEditable属性...我会看看是否这是我需要的。 –

contentEditable让你的div“真的”可编辑，不知道你是否想要这样.. – yoda

@yoda：是的。它使它可编辑。我实际上想要一些不太实用的功能： - / –

#editor {cursor:text;}

（认为它是“文本”你想光标）

2009-09-27 13:20:39 yoda

改变鼠标光标 - 它不会给你我正在谈论的文本插入符号（闪烁线）。 – nickf

啊..这是不同的.. – yoda

他说：“一个光标在正确的地方”，所以困难的部分是在正确的地方不显示光标 –

回答