问题标签 [onresize]

我有一个简单的应用程序，当我连接到扩展坞时会更改数字锁定状态。问题是我不知道如何检测第二台显示器何时连接（和断开连接），所以我只在连接后设置状态。所以我正在寻找 Screen.Resize 事件或类似事件。

我正在使用 Windows 7，因此我将满足于仅 Windows 7 的解决方案，但如果可能的话，我想要一个更通用的解决方案。

另一件事 - 这应该是与 VS 2008 C++ Express 兼容的解决方案；-)，但我可以在工作中访问完整的 VS，因此 MFC 要求也可以管理。

在您更改某些页面元素的位置以响应resize()事件的情况下（例如，模拟min-width类型情况），Firefox 会耐心等待您的事件处理程序完成，然后再重新绘制窗口。另一方面，Chrome 会先绘制，然后处理您的事件处理程序，然后在必要时重新绘制。

在 Chrome 中，结果是显着的“反弹”或闪烁，因为被重新定位的元素首先在其新位置绘制（基于其原始位置 +/- 新窗口尺寸），然后在其重新计算的位置重新绘制（基于您的事件处理程序的说明）。

我需要一种方法来更早地获取我的事件处理程序，或者强制 Chrome 在我告诉它之前不要重新绘制。

请注意，这不是去抖动/节流问题。事实上，这会使这个问题更加引人注目！

如何编写一个对调整大小做出反应的小部件？

以下不起作用。onResize() 在开始时只调用一次。稍后更改浏览器窗口大小不会导致调用此方法，尽管 DIV 已调整大小。

}

和主模块

更新 1

基于 ResizComposite 的版本也不起作用。在这种情况下，onResize 根本不会调用。

}

我试图在调整大小后获得新的浏览器宽度。我已经尝试了所有..bind、live、resize，现在 setTimeout。我不擅长 jquery，但我可以理解一些。我希望这里有人可以帮忙。这是我的代码

在调整浏览器大小后，我想让函数在每次更改宽度时运行。或在调整大小后获取新宽度。

提前谢谢你！

我正在使用 Masonry 进行布局。当浏览器的窗口调整大小时，我想在 Masonry 重做布局之前执行一些计算。

到目前为止，我已经能够通过修改 jquery.masonry.js 文件并将回调函数添加到选项来做到这一点。但我更愿意在不修改砌体代码的情况下这样做。

添加的选项如下（砌体初始化）：

然后doPreResize做我需要做的任何事情。.js 文件中的修改在resize函数中（版本 v2.0.110927 中的第 293 行附近）：

我想做的是使用isResizable设置为的选项初始化 Masonry，false然后半手动触发调整大小，同时保持智能调整大小事件。

是否可以设置“智能调整大小”事件来调用函数，例如resizeLayout？

我缺少的是如何设置 resize 事件，使其不会被不断触发，而是以与 Masonry 相同的方式完成 when isResizableis true。

我试图在调整窗口大小时重新调整或销毁并重新应用 jCarouselLite 插件，但我没有成功，这是因为我创建了一个网站，其中每个页面都是一个“li”，当导航菜单时它滚动到那个“页面”...

我尝试在调整大小时使用它，并重新应用 jcarouselite，但它没有用：

这是我正在使用的代码，但如果我继续重新应用 jcarouselLite，轮播就会发疯！

解决方案：

“idrumgood”，我试图只用“li”来做到这一点，但是搜索了更多关于停用插件的信息，我发现我也必须取消绑定点击，所以，这是我必须应用的代码：

我们的站点使用 Websocket，因此它已经需要最新型号的浏览器。鉴于此，当元素调整大小时如何通知我？我们可能有 canvas 和 svg 子元素需要调整大小以响应父 DOM 元素的大小调整。

优雅的方法是挂钩“onresize”，但是，唉，它不会被元素调用（至少在 Chrome 18 中不会）。宁愿不提供定期触发计时器以测试元素大小变化的答案。

另外，请理解回流可能不是由窗口或主体调整大小引起的，所以请不要去那里。

任何出色、简单、优雅的想法都将不胜感激。

这是一个非常具体的需求。基本上，我想监听大约 20 个 DOM 对象中的任何一个何时更改高度或宽度。更改可能是由窗口大小调整、包含的内容更改或某些作用于 DOM 对象的 javascript 引起的。

IE 为任何 DOM 对象提供 onresize()，而不仅仅是视口，而且这个事件非常高效。事实上，我可以调用一个函数 onresize() 并且该函数会在相关 DOM 对象的大小调整期间不断触发。例如，我可以使用 onresize() 调整另一个 DOM 对象以匹配对象的高度，这两个对象的高度将相互镜像，没有明显的滞后，即使调整大小的对象被动画以增加高度。惊人的。但是，对于除 IE 之外的所有浏览器，onresize() 仅适用于视口调整大小（浏览器/框架）。嘘。

现在我要轮询对象是否正在调整大小，这非常昂贵，并且在我尝试镜像对象时会提供非常明显的延迟。

所以，我的问题是：当调整 DOM 对象的大小时，引发事件的最高效方式是什么？

对不起，很长的问题。另外，我特别不希望使用纯 CSS 来实现这一点。这是实验的一部分。

感谢任何有时间回复的人！

这是我所做的链接
一些关于小分辨率的文本从父框出来并被剪裁。如何解决？
使用 jQuery 会更好，但我不介意 JavaScript。
更新
我想要做的是，当页面调整大小时如何使文本适合其父框？

我正在开发一个项目的原型，我需要根据浏览器窗口大小调整网站内容的外观。

现在对于原型，我正在使用示例图像，并且我想根据窗口的高度和宽度调整图像的高度和宽度。

这是我正在使用的代码：

上面的代码不能正常工作。我想在用户调整窗口大小时动态更改图像的高度和宽度。我也尝试实施此解决方案。但这也没有用。任何想法我该如何解决这个问题？