Tag: 光标位置

在contentEditable div中获取插入位置

我find了很多很好的关于如何在contentEditable DIV中设置光标或插入符的位置的交叉浏览器，但没有find如何获取或查找位置的信息。 我想要做的是在键盘上知道插入符号的位置。 所以，当用户input文本时，我可以在任何时候知道它的光标在div中的位置。 编辑：我正在寻找div内容（文本）内的INDEX，而不是光标坐标。 <div id="contentBox" contentEditable="true"></div> $('#contentbox').keyup(function() { // … ? });

如何在contenteditable元素（div）中设置插入符（光标）的位置？

我有这个简单的HTML作为例子： <div id="editable" contenteditable="true"> text text text<br> text text text<br> text text text<br> </div> <button id="button">focus</button> 我想要简单的东西 – 当我点击按钮，我想把光标（光标）放在可编辑div的特定位置。 从网上搜索，我有这个JS附加到按钮点击，但它不工作（FF，铬）： var range = document.createRange(); var myDiv = document.getElementById("editable"); range.setStart(myDiv, 5); range.setEnd(myDiv, 5); 是否可以像这样设置手动插入位置？

在contentEditable <div>上设置光标位置

当一个contentEditable ='on'<div>重新获得焦点时，我在一个确定的，跨浏览器的解决方案中设置光标/插入符的位置到最后一个已知的位置。 它显示内容可编辑div的默认功能是将光标/光标移动到div中文本的开始处，每次单击它时，这是不可取的。 我相信当他们离开div的焦点时，我将不得不在当前光标位置存储一个变量，然后当它们再次聚焦到内部时重新设置它，但是我没有能够放在一起，或者找不到工作代码示例。 如果有人有任何想法，工作代码片段或样本，我很乐意看到他们。 我还没有任何代码，但这是我所拥有的： <script type="text/javascript"> // jQuery $(document).ready(function() { $('#area').focus(function() { .. } // focus I would imagine I need. } </script> <div id="area" contentEditable="true"></div> PS。 我已经试过这个资源，但它似乎不适用于<div>。 也许只适用于textarea（ 如何将光标移动到contenteditable实体的结尾 ）