javascript - 在 Javascript 中查找上方或下方的行

Question

我正在开发一个就地 HTML 编辑器，目前只专注于 Firefox。我在光标应该所在的位置插入了一个元素，并且还可以使用左右箭头，但我似乎找不到找到的方法:

1. home 和 end 键一行的开始和结束
2. 向上/向下箭头的下一行。

我看到了 document.elementFromPoint，但这并没有给我一个 Range 对象。在使用像素位置时，Range 对象本身似乎毫无用处。

Answer 1

如果您需要为特定像素位置下的元素创建一个范围，您可以结合使用 document.elementFromPoint() 和 document.createRange() 以及 Range.selectNodeContents();

下面的代码片段将突出显示 (100,200) 处元素的内容

var elem = document.elementFromPoint(100,200);
var r = document.createRange();
var s = window.getSelection()
r.selectNodeContents(elem);
s.removeAllRanges();
s.addRange(r);

我希望这能帮助您找到最终的解决方案。