javascript - 如何获取光标所在的？

Question

我有一个包含 contenteditable="true"的 DIV 元素。当我将文本写入此 div 时，我得到了多个

元素。

这是一个例子 link .

问题

How can I get the

element which contains the cursor? And it would be extra nice to be able to obtain the index position of the cursor (in a cross-browser supportive way).

谢谢!

已更新通过光标索引位置，我不一定是指 X、Y 坐标。例如，我指的是句子的字符串索引位置。

Answer 1

你需要这样的东西吗？
HTML

<section contenteditable="true" id="editable">
  <h2>Go ahead, edit away!</h2>
  <p>Here's a typical paragraph element</p>
  <ol>
    <li>and now a list</li>
    <li>with only</li>
    <li>three items</li>
  </ol>
</section>

JS代码:

$('#editable').mousemove(function(e){
    console.log(e.target.nodeName);
    console.log(e.pageX + ", " + e.pageY);
});

注意:您还可以将 mousemove 事件更改为任何您想要的，例如:click、hover等