javascript - 如何捕获在 contenteditable div 内单击的特定字符

标签 javascript html dom selection

我正在寻找一种方法来捕获用户在 contenteditable div 内单击特定字符(或文本中的字符索引)。仅提供一个示例,请考虑以下 HTML:

<div contenteditable="true">
    Hello world
</div>

假设用户在“o”和“r”之间单击鼠标右键,有没有办法使用 JavaScript 知道这一点?

我想这将被 Selection API 涵盖。但到目前为止我所有的询问都没有得到任何结果。

感谢您能给我的任何帮助。

最佳答案

你可以看到插入符号的位置,我在这里为你做了一个小片段。看看它。 在此处输入代码 http://codepen.io/19sthil80/pen/pEooVR

关于javascript - 如何捕获在 contenteditable div 内单击的特定字符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39263742/

相关文章:

javascript - VueJs 在测验应用程序中获取问题

html - 四个盒子——每行放 2 个

javascript - js 无法在 bs3 ajax 模式中工作

javascript - AJAX 发布后追加 Div

android - 用于移动设备和最大宽度桌面窗口的 Css @media

javascript - 检索 XML 文档中的 HTML 元素

javascript - 如何用 dom 加载的 JavaScript 替换页面上的所有空 <img src ="">?

javascript - 使用tinySort限制Child div?

javascript - 尝试使用for循环在html dom中制作多个div

javascript - 说 JavaScript 是一种 "single-thread"语言准确吗?