如何将3d文本移动到A-FRAME中的单击位置？

Question

我使用了如下所述的代码。当我单击屏幕的某个位置时，对象会移动，但在某些点上，单击的位置与对象的位置之间似乎比其他点之间存在巨大的随机间隙。此外，当我更改屏幕尺寸时，点击的位置和对象都会改变。

const object = document.querySelector('#position');
document.body.addEventListener("click",function(event){
    var x = (event.pageX-window.innerWidth/1.70)/170;
    var y = (event.pageY-window.innerHeight/1.5)/-120;

    const textobject = document.querySelector('a-entity');
    textobject.object3D.position.set(x, y, -7);

    console.log("x:" + x + "px");
    console.log("y:" + y + "px");