javascript - textRange MoveToPoint() IE

Question

textRange IE11的moveToPoint()方法有问题；

如果指向的节点不在第一个屏幕中，似乎它不起作用；

document.addEventListener( "click", function(e) {
	var x = e.clientX; 
	var y = e.clientY; 
	var range = document.body.createTextRange();
	range.moveToPoint(x, y);
	range.expand('word');
	console.log(range);
	console.log(range.text);
});

这段代码从点击点抓取单词，但只有当我们点击第一次滚动的节点时它才会正常工作。

如果我们稍微向下滚动到不在第一次滚动中的节点，我们将捕获异常。

有人知道如何正确处理这种情况吗？

Answer 1

您可以使用 offsetX、offsetY 属性。或者，您可以使用父元素的 scrollLeft 和 scrollTop 属性将滚动位置添加到 x 和 y 变量。