如何使用javascript document.getSelecttion()在html中获取所选文本的坐标

Question

我想将元素放在选定文本上方.但我无法弄清楚坐标.

var sel = document.getSelection();
  if(sel != null) {
    positionDiv();
}

示例:(图片)

alt text http://www.freeimagehosting.net/uploads/bf4035f29f.png

Answer 1

这是基本想法。您在选择的开头插入虚拟元素并获取该虚拟 html 元素的坐标。然后你将其删除。

var range = window.getSelection().getRangeAt(0);
var dummy = document.createElement("span");
range.insertNode(dummy);
var box = document.getBoxObjectFor(dummy);
var x = box.x, y = box.y;
dummy.parentNode.removeChild(dummy);