window.onresize只被困一次

Question

我有一個jQuery插件，我添加到一個網站，它處理window.onresize但從未開除。

然後我注意到該網站的頁面上已經有window.onresize。進一步看，這似乎只有最後一個window.onresize被解僱。

例如，如果您運行此腳本，則唯一將記錄的是Resize3。

如果在某個站點的其他位置處理該事件，是否有任何方法來捕獲此事件？

$(function() { 
window.onresize = function() { 
    console.log("Resize1");}; 

window.onresize = function() { 
    console.log("Resize2");}; 

window.onresize = function() { 
    console.log("Resize3");}; 
}); 

Answer 1

window.onresize是純javascript，正如在評論中指出的那樣，它只會被覆蓋。使用jQuery，您可以多次，雖然其聲明，就像這樣：

$(window).on('resize',function(){ 
    console.log("Resize1"); 
}); 

$(window).on('resize',function(){ 
    console.log("Resize2"); 
}); 

$(window).on('resize',function(){ 
    console.log("Resize3"); 
}); 

剛一說明，雖然，它可能是最好有一個在onResize功能，這就要求它內部的多種功能，如：

$(window).on('resize',function(){ 
    functionOne(); 
    functionTwo(); 
    functionThree(); 
});