从wix iFrame接收窗口大小

Question

我希望你们做的很好。

我正在尝试创建一个跟随光标的眼睛。一切都很好，球也移动了。 我正在使用Wix创建我的网站。添加html的唯一方法是通过添加HTML iFrame。

我将窗口的高度和宽度发送到html框架，然后html像这样获取它：

window.onmessage = (event) => {
     if (event.data) {
           var broswerWidth = event.data.broswerWidth;
           var broswerHeight = event.data.broswerHeight;
     }
};

我必须使用“ onmousemove”移动球：

var ball = document.querySelector('.ball');

document.onmousemove = function() {

    var x = event.clientX * 100 / broswerWidth + "%";
    var y = event.clientY * 100 / broswerHeight  + "%";

    ball.style.left = x;
    ball.style.top = y;
    ball.style.transform = "translate(-"+ x +",-"+ y +")";
};

是否仍然可以使用onmousemove将两者很好地结合在一起？还是每隔1秒更新一次？

谢谢！