调整大小方向的侦听器

Question

我有一个直角三角形。

▶

调整大小时，三角形应沿调整大小的方向移动，而当它改变方向时，三角形应水平翻转，永远不会超出屏幕。

有没有办法监听浏览器调整大小的方向（左/右）？

Answer 1

您可能想看看 this question。您可以获得浏览器 window 位置并减去最后一个位置（从先前的调整大小调用中保存）。如果 x 中的结果非零，您可以假设使用了左边缘，y 和上边缘也是如此。

这是一个简单的例子：

    var last_pos_x = window.screenX;
    var last_pos_y = window.screenY;

    window.addEventListener('resize', function() {

        var diff_x =  window.screenX - last_pos_x;
        var diff_y =  window.screenY - last_pos_y;

        last_pos_x = window.screenX;
        last_pos_y = window.screenY;

        console.log(diff_x, diff_y)
    });

希望对您有所帮助。