如何在contenteditable中获取光标的当前位置？ [复制]

Posted 2023-03-06

【中文标题】如何在contenteditable中获取光标的当前位置？ [复制]

【英文标题】：How to get current position of cursor in contenteditable? [duplicate]

【发布时间】：2014-10-12 03:34:49

【问题描述】：

把我的代码放在这里http://jsfiddle.net/50zb8xxo/8/

想要在执行 javascript 之前检测光标位置

在这里找到示例https://***.com/a/6847328/2118559，但代码很长。尝试用一些短代码来做同样的事情。

找到了一些简短的例子，但没有一个有效

试过这些

<div id='editable' style="width: 180px; height:70px; border: 1px solid #ccc;" contenteditable></div>


var editable = document.getElementById('editable'), selection, range;
var editable = window.getSelection().getRangeAt(0);
var editable = window.getSelection();
alert ( editable );

在所有情况下，警报见空白弹出窗口

这里https://***.com/a/3976125/2118559一些代码，但也不短...

【问题讨论】：

所有代码都很长。尝试获取一些短代码（如果可能）

这些答案中的代码很长，因为这是构建所需功能所需要的。您不能只要求更短的代码并期望它能够工作。

好的。现在清楚了，将尝试使用更长的代码。

【参考方案1】：

试试这个。会有帮助的。

var ins = document.getElementById('editable').selectionStart;

它的工作原理

【讨论】：

在 Firefox 中看到空白弹出窗口...

你到底想要什么？

查看光标位置。如果我键入一个字符弹出 0、两个字符、弹出 1 等等。使用alert ( document.getElementById('editable').selectionStart ); 查看空白弹出窗口。据了解，使用一些短代码是不可能的......

等一下兄弟，让我在小提琴中做这件事并给你链接