添加事件監聽器不起作用

Question

我有一個我從未有過的問題。

當移動設備更改方向時，我想調用一個函數，所以我使用“ onorientationchange”，並確保它被觸發，所以我也使用“ onresize”。

問題是，偶數由於神秘原因無法在頁面上運行：

如果我做

document.body.addEventListener("resize",function(){console.log("here")};

它不起作用，因此我創建了一個自定義版本的AddEventListener：

function addNewEvent(elementDOM, evenement, fonction){
        var refEvent = null;
        if(elementDOM)
        {
        elementDOM["on"+evenement] = fonction;
            if (elementDOM.attachEvent)
            {
                refEvent =function() {
                    return fonction.call(elementDOM,window.event);
                };
                elementDOM.attachEvent ('on'+evenement,refEvent);
            }
            else if (elementDOM.addEventListener)
            {
                refEvent = fonction;
                elementDOM.addEventListener (evenement,refEvent,false);
            }
            else
            {
                elementDOM["on"+evenement] = fonction;
            }
        }
        return refEvent;
    },

甚至這個都不起作用...

但是這可行：

document.body.onresize = function(){console.log("here")};

這是一個普通的網頁，我不明白為什么它不起作用。

你能幫我嗎？ ：X

Answer 1

resize事件在window對象而非body元素上觸發。

您在錯誤的地方收聽它。

window.addEventListener("resize",function(e){console.log("here", e.target)};