调整窗口大小时调用函数
调整窗口大小时调用函数
提问于 2013-03-04 23:57:15
如何在调整浏览器窗口大小时再次调用此(或任何) JS函数？
<script type="text/javascript">
function setEqualHeight(e) {
var t = 0;
e.each(function () {
currentHeight = $(this).height();
if (currentHeight > t) {
t = currentHeight
}
});
e.height(t)
}
$(document).ready(function () {
setEqualHeight($(".border"))
})
</script>回答 4
Stack Overflow用户
回答已采纳
发布于 2013-03-04 23:58:49
您可以使用window onresize事件：
window.onresize = setEqualHeight;Stack Overflow用户
发布于 2013-03-04 23:59:15
您可以订阅window.onresize事件(See here)
window.onresize = setEqualHeight;或
window.addEventListener('resize', setEqualHeight);Stack Overflow用户
发布于 2013-03-05 00:03:13
这段代码将添加一个计时器，该计时器在调整窗口大小后200毫秒后调用resize函数。这将减少方法的调用次数。
var globalResizeTimer = null;
$(window).resize(function() {
if(globalResizeTimer != null) window.clearTimeout(globalResizeTimer);
globalResizeTimer = window.setTimeout(function() {
setEqualHeight();
}, 200);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15205609
复制相关文章
相似问题
腾讯云开发者
