栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

检测何时使用JavaScript调整窗口大小?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

检测何时使用JavaScript调整窗口大小?

您可以使用

.resize()
每次实际改变宽度/高度时获取,如下所示:

$(window).resize(function() {  //resize just happened, pixels changed});

它会使用新的高度/宽度值并在页面中对其进行更新以供您查看。请记住,事件并没有真正开始或结束,它只是在发生调整大小时“发生”……无话可说,另一个事件不会发生。


编辑: 通过评论看来,您似乎想要一个“结束”事件,找到的解决方案可以做到这一点,但有一些例外(您无法以跨浏览器的方式区分鼠标向上和暂停,同为一个端Vs的停顿 )。您可以创建该事件,以使其更加清晰,例如:

$(window).resize(function() {    if(this.resizeTO) clearTimeout(this.resizeTO);    this.resizeTO = setTimeout(function() {        $(this).trigger('resizeEnd');    }, 500);});

您可以在任何地方都拥有一个基本文件,无论您想做什么…然后可以绑定到

resizeEnd
要触发的新事件,如下所示:

$(window).bind('resizeEnd', function() {    //do something, window hasn't changed size in 500ms});


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/442265.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号