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

Question

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

▶</p>

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

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

Answer 1

您可能想看看这个问题。您可以获取浏览器窗口位置并减去最后一个位置（从之前的 resize 调用中保存）。如果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)
    });

希望这可以帮助。