JavaScript获得最近点击字符的页面坐标
JavaScript get page coordinates of closest clicked character
我有一个div标签,里面有一堆文本。
<div>Lots of text in here</div>
我正在收听来自div的onclick事件。我想在用户单击div的任何地方插入一个假文本光标。我可以很容易地得到什么字符被单击:
var sel = window.getSelection();
sel.focusOffset;
但是我不知道如何得到那个字符的像素坐标
rangy库有一个功能就是这样做的——查找选择的像素位置。看看这个演示:http://rangy.googlecode.com/svn/trunk/demos/position.html
Library home: http://code.google.com/p/rangy/
一旦你得到像素位置使用范围,你可以动态地添加一个绝对定位的DIV(或重新定位现有的DIV)到这些坐标
相关文章:
- EaseJS拖放;放下(动画CC)电影剪辑的鼠标坐标
- 在JavaScript中输出转义字符
- 不同浏览器中的空白字符正则表达式行为
- 如何在d3.js中返回路径的y坐标
- Regex匹配除“”之外的所有字符;.js”;
- 拆分文本以每隔n个字符添加一行新行,并注意空格
- 在谷歌地图上获取事件的x,y坐标
- 通过ajax将坐标传递到php服务器端,并在处理后检索到javascript
- 使用RegExp查找url中的字符
- 如何为jQuery屏蔽输入插件创建一个允许字母数字、空格和重音字符的掩码
- 使用正则表达式将输入格式设置为单字符逗号、单字符逗号等
- 允许在文本框中使用某些字符
- 根据页面的位置突出显示文本中的字符
- 元素的内容必须由格式正确的字符数据或标记组成
- 当带有渲染器的DOM元素不在屏幕顶部时,移动了场景的坐标
- 如何在JS Leatflet绘图插件中获取圆的坐标
- 如何设置字符移动的 (x,y) 坐标的限制
- JavaScript获得最近点击字符的页面坐标
- 获取输入内的单击字符位置(不是坐标)
- svg:字符的坐标