網頁

2013年3月25日

[javascript] onresize觸發多次事件

onresize用在物件變更大小時會觸發事件,問題在於使用IE瀏覽器時,會觸發多次事件,多次觸發程式碼就會多次執行,直接就降低頁面順暢度,因此可以加入時間延遲,以決解多次事件問題。


範例:
var timer = null;
window.onresize(function(){
    if(timer == null){
        timer = setTimeout(function(){
        //要執行的程式碼
        .......
        ............
        timer = null;
        },200);
    }
});
註:onresize也可以使用在body、div、table.....。