![](/img/trans.png)
[英]Javascript: How do I update my Event Listener to only make a change when the user STOPS typing?
[英]How do I make the javascript resize event handler happen only after the user stops resizing the window?
如何使javascript調整大小事件處理程序僅在用戶停止調整窗口大小之后才發生? 我不希望在用戶調整窗口大小時一遍又一遍地調用它。
$(window).resize(function () {
if( document.getElementById('staticImage').style.display == 'table-cell') {
resizeWithImageMap();
} else {
resizeWithoutImageMap();
}
});
謝謝。
Adeneo發布了一個不錯的函數示例,但我傾向於將其全部構建到自己的處理程序中:
var resizeComplete = (function() {
var funcs = [];
var timer ;
var delay = 250;
window.onresize = function() {
window.clearTimeout(timer);
timer = window.setTimeout(function() {
for (var i = 0; i < funcs.length; i++) {
funcs[i](); // Call the func
}
}, delay);
};
function register(func) {
funcs.push(func);
}
return {
register: register
}
}());
resizeComplete.register(function() {
console.log("Resize complete");
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.