问题标签 [onresize]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
165 浏览

javascript - 使用 javascript 放置画布

我正在尝试在画布元素上绘制 2 个箭头,并将它们放在屏幕的左侧和右侧,位于其高度的中间。在这里小提琴:http: //jsfiddle.net/Wzt5j/9/

在我正在尝试这个的网站(http://bit.ly/JV5I0Z)中,图像被绘制,但是当我调整窗口大小时“placeArrows”函数不会被调用。在小提琴窗口中,它们甚至没有被绘制,我不确定是什么问题。

0 投票
1 回答
17005 浏览

jquery - 调整窗口大小的元素宽度

我正在使用 jq 计算页面加载时的元素宽度并且工作正常,尝试自动调整窗口大小但有点不起作用。所需效果:框应在窗口调整大小时自动调整大小,而不是下拉。

http://jsfiddle.net/yMcXm/4/

任何帮助表示赞赏。谢谢!

0 投票
1 回答
585 浏览

javascript - 设置 viewScope onLoad 和 onResize

我在我的 CSS 中使用了“@media only screen”来根据用户的屏幕大小确定应该如何以及应该显示哪些信息。我有一个名为 panelContainer 的类,它设置为在屏幕大于 767px 时显示,还有一个名为 mobileContainer 的类,它在屏幕小于 767 像素时显示。

我有几个自定义控件,一个包含标准表单布局,另一个包含移动设备表单布局。最初我用适当的 styleClass 在每个周围放置了一个 div。这种方式的问题是,虽然只有一个表单可见,但它们都已加载,因此导致保存问题。

我已经使用 panelContainer 的 styleClass 在我的 Xpage 中添加了一个 div,然后我添加了返回 div 的 style.display 的 onLoad 和 onResize 事件,然后这些应该将结果写入 viewScope。但我发现它只会写 onLoad 并且虽然该函数被调用 onResize 它不会改变 viewScope 变量。

.....这个 viewScope 变量然后以下列方式使用:

......从 content_Company 中提取......

我觉得这是实现我需要的结果的更好方法,因为当我手动尝试它时,它只加载一个表单并且它们按预期工作。

我看不出为什么 viewScope 没有被正确设置,它总是被设置为“标准”,即使我在加载页面之前缩小了我的页面。我确实尝试将值写入隐藏输入,这有效,但是每当我尝试使用 getComponent("hiddenInput1").getValue() 访问该值时,它都会返回 null,即使我可以在查看时看到该值已设置萤火虫。

0 投票
1 回答
1920 浏览

javascript - 访问窗口宽度时未触发 onresize 事件

我已经将 onresize 侦听器附加到 body 标记上,但是当我更改代码以访问时window.innerWidthwindow.innerHeight我的 resize 事件只能工作一次。

0 投票
1 回答
2521 浏览

jquery-ui - JQuery UI 对话框仅水平调整大小,而不是垂直调整

我正在尝试创建一个随窗口调整大小的 JQuery 对话框,我可以让它水平调整大小,但垂直大小似乎永远不会改变,代码如下:

var dlg = $("#dialog"); // 获取对话框容器。

知道为什么它不垂直增长吗?我验证了 resize 函数被调用并且尺寸是正确的,但是在创建对话框之后,对话框的高度似乎永远不会改变,关于为什么的任何想法?

0 投票
1 回答
5690 浏览

javascript - 在javascript中检测窗口最大化

可能重复:
使用 Javascript 检测浏览器窗口最大化/最小化

是否可以在 javascript 中检测 borwserwindow 的最大化窗口。

0 投票
1 回答
108 浏览

javascript - 有时 window.resize 需要两次调整大小来实际执行我的 javascript

我有一个列表,其中 li 图像向左浮动,并根据窗口大小(使用媒体查询和不同的 img 大小)以不同的行数排列。元素之间的垂直间距是通过使用底部边距来完成的。但是,最后一行的列表项不需要底部边距:它在页脚上方留下了太多空间。我想出了一种(可能效率低下)使用 JQuery 来消除底行项目的底部边距的方法:

这将在大多数情况下起作用。但是,如果我从页面加载位置调整多个媒体查询的大小,它不会改变初始窗口调整大小的边距。在它摆脱那个讨厌的底部边缘之前,我必须再次稍微调整大小。为什么需要两次调整大小?

0 投票
1 回答
207 浏览

jquery - 使用 JQuery 更改多个元素 OnResize 的类

好的,我对 jQuery 完全陌生,看起来我应该早点进入这一切,因为它确实提供了一大堆非常棒的选项。现在..我想做以下事情:

当用户调整页面大小时,我希望能够同时为各种元素设置 ClassName。因此,如果宽度在范围 A 和 B 之间,则设置类 1,在 B 和 C 之间,设置类 2,依此类推。到目前为止,我有这个:

我从其他 Stack Overflow 帖子中得到了大部分内容(尤其是 jquery 的东西),但是更改类只发生一次,然后它不会再次根据宽度更改。我认为它似乎只完成了 1 次任务,而不是文本字段。

那么我做错了什么?sClass 值可以正常工作,更新调试文本字段,宽度读数也是如此。我知道它可以根据浏览器返回略有不同的值,但这没关系,它不需要它非常精确。

非常感谢,我希望开始更彻底地了解这个 jQuery :) W

我现在使用的 CSS 是:

zeb 和 zah 是你通常放置 div 的地方。我只是不想使用 DIV,因为可能有一些我不想受到影响的 div。这样,我可以随意制作自己的标签,效果很好。(所以不是<div></div> 我输入<zah>and </zah>)他们工作。只是输入字段不会让步。谢谢你 :)

好的,这是表格:

正如我所说,zeb 和 zah 上的字体大小调整得很好 :) 当我调整窗口大小时,输入字段不会改变。zeb 和 zah 做 :)

0 投票
1 回答
1987 浏览

javascript - iOS6 Safari 全屏检测

我想在iOS6中使用Safari新的全屏功能。现在我知道不可能从 javascript 触发全屏功能,这没关系,但我想知道用户何时进入全屏模式。(在用户进入全屏模式之前,显示一个带有文本“此网站最好以全屏模式查看”的弹出窗口。)

我已经尝试设置窗口、文档和“包装器”div(宽度和高度在 css 中设置为 100%)onresize 事件(通过普通 javascript 和通过 jQuery 'resize' 事件),但它们不会被触发我进入全屏模式。

我还设置了一个间隔来检查屏幕/文档/包装器的宽度和高度的变化,但它们没有显示任何变化。

有没有其他方法可以确定用户是否进入(或离开)全屏模式?

0 投票
5 回答
6148 浏览

html - textarea onresize 不起作用

根据 w3 学校的<textarea>支持onresize,但它不起作用。

http://www.w3schools.com/jsref/event_onresize.asp

浏览器尝试:

铬 25.0.1364.172

Safari 6.0.3 (7536.28.10)

火狐19.0

小提琴:http : //jsfiddle.net/btevfik/5abR3/

更新

当我吸取教训不要100%信任w3schools时,我发现了这个

https://developer.mozilla.org/en-US/docs/DOM/element.onresize