Javascript 页面方向更改时响应

我有下面的窗口调整功能。我的问题是如何在调整窗口大小以及改变页面方向时使其工作

    $(window).resize(function() {
        if(this.ab) clearTimeout(this.ab);
        this.ab = setTimeout(function() { 
            $(this).trigger('winresized');
        },1000);
    });
    $(window).on('winresized', function() {

    });

---

您可以结合使用调整大小和事件：

---

谢谢因此，

$（窗口）.resize（函数（）{

需要更新为

$（窗口）.on（“resize orientationchange”，函数（））{

？。其余的都是一样的吗？这就是你在回答中说的吗？是的，没错。这将触发bothYep的

winresized

事件。我在等待你的答复时测试了它。它很有效-非常棒。谢谢：）还有一件事要添加。我如何使用window.addEventListener编写上述内容？

window.addEventListener（“orientationchange”，function（）{}）；

-注意，尽管不能添加多个事件，例如

“resize orientationchange”

-您需要进行多个

addEventListener

调用

$(window).on("resize orientationchange", function() {
    // Fires on both resize & orientation change
    if(this.ab) clearTimeout(this.ab);
    this.ab = setTimeout(function() { 
        $(this).trigger('winresized');
    },1000);
});