Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在vh和vw中获得位置,而不是在像素中?_Javascript - Fatal编程技术网

Javascript 如何在vh和vw中获得位置,而不是在像素中?

Javascript 如何在vh和vw中获得位置,而不是在像素中?,javascript,Javascript,所以我正在做一些测试,通过使用这段代码来查看对象在帧中的位置 function showCoords(event) { var x = event.clientX; var y = event.clientY; var coords = "X coords: " + x + ", Y coords: " + y; document.getElementById("demo").innerHTML = coords; } 但是它从上到左以像素显示位置,有没有办法用

所以我正在做一些测试,通过使用这段代码来查看对象在帧中的位置

function showCoords(event) {
    var x = event.clientX;
    var y = event.clientY;
    var coords = "X coords: " + x + ", Y coords: " + y;
    document.getElementById("demo").innerHTML = coords;
}

但是它从上到左以像素显示位置,有没有办法用不同的格式显示它,比如从左到vw和从上到vh而不是像素?

窗口。innerHeight
窗口。innerWidth
是浏览器窗口的大小。您应该能够分割
x/window.innerWidth
y/window.innerHeight
以获得视口的分数大小


或者,您可以使用clientWidth:

窗口。innerHeight
窗口。innerWidth
是浏览器窗口的大小。您应该能够分割
x/window.innerWidth
y/window.innerHeight
以获得视口的分数大小


或者,您可以使用clientWidth:

太好了,我很高兴!)太好了,我很高兴!:)