在javascript中使用鼠标坐标，如何适应不同的屏幕尺寸？

Question

我试图根据鼠标的x和y坐标制作一个非常简单的幻灯片。目前我在js中使用像素 - 正如您从代码中看到的那样，当鼠标超过某个点时，将为每个元素更新显示。有没有办法在javascript中使用百分比，而不是px？因此，无论屏幕宽度和高度如何，图像都显示在同一点（例如，如果鼠标在屏幕上方为25％，则更改显示，而不是某些像素数）。这是我的代码：

sel=45
sel=45

Answer 1

您可以执行简单的数学运算来获取屏幕尺寸。

您应该以{{1​​}}开头，以window.innerWidth开头。

如果您知道两个按钮都是屏幕宽度的50％，则将总数除以2。

window.innerHeight