侦听方向调整大小

Question

我有一个正确的指向三角形。

▶

在调整大小时，三角形应该在调整大小的方向上移动，当它改变方向时，三角形应该水平翻转，而不会离开屏幕。

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

Answer 1

您可能需要查看this question。您可以获取浏览器窗口位置并减去最后一个位置（从之前的调整大小调用中保存）。如果 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)
    });

希望这有帮助。