javascript - 调整大小方向的监听器

Question

我有一个指向右的三 Angular 形。

▶

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

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

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)
    });

希望这有帮助。