问题标签 [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.
javascript - 使用 javascript 放置画布
我正在尝试在画布元素上绘制 2 个箭头,并将它们放在屏幕的左侧和右侧,位于其高度的中间。在这里小提琴:http: //jsfiddle.net/Wzt5j/9/
在我正在尝试这个的网站(http://bit.ly/JV5I0Z)中,图像被绘制,但是当我调整窗口大小时“placeArrows”函数不会被调用。在小提琴窗口中,它们甚至没有被绘制,我不确定是什么问题。
jquery - 调整窗口大小的元素宽度
我正在使用 jq 计算页面加载时的元素宽度并且工作正常,尝试自动调整窗口大小但有点不起作用。所需效果:框应在窗口调整大小时自动调整大小,而不是下拉。
任何帮助表示赞赏。谢谢!
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,即使我可以在查看时看到该值已设置萤火虫。
javascript - 访问窗口宽度时未触发 onresize 事件
我已经将 onresize 侦听器附加到 body 标记上,但是当我更改代码以访问时window.innerWidth
,window.innerHeight
我的 resize 事件只能工作一次。
jquery-ui - JQuery UI 对话框仅水平调整大小,而不是垂直调整
我正在尝试创建一个随窗口调整大小的 JQuery 对话框,我可以让它水平调整大小,但垂直大小似乎永远不会改变,代码如下:
var dlg = $("#dialog"); // 获取对话框容器。
知道为什么它不垂直增长吗?我验证了 resize 函数被调用并且尺寸是正确的,但是在创建对话框之后,对话框的高度似乎永远不会改变,关于为什么的任何想法?
javascript - 在javascript中检测窗口最大化
是否可以在 javascript 中检测 borwserwindow 的最大化窗口。
javascript - 有时 window.resize 需要两次调整大小来实际执行我的 javascript
我有一个列表,其中 li 图像向左浮动,并根据窗口大小(使用媒体查询和不同的 img 大小)以不同的行数排列。元素之间的垂直间距是通过使用底部边距来完成的。但是,最后一行的列表项不需要底部边距:它在页脚上方留下了太多空间。我想出了一种(可能效率低下)使用 JQuery 来消除底行项目的底部边距的方法:
这将在大多数情况下起作用。但是,如果我从页面加载位置调整多个媒体查询的大小,它不会改变初始窗口调整大小的边距。在它摆脱那个讨厌的底部边缘之前,我必须再次稍微调整大小。为什么需要两次调整大小?
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 做 :)
javascript - iOS6 Safari 全屏检测
我想在iOS6中使用Safari新的全屏功能。现在我知道不可能从 javascript 触发全屏功能,这没关系,但我想知道用户何时进入全屏模式。(在用户进入全屏模式之前,显示一个带有文本“此网站最好以全屏模式查看”的弹出窗口。)
我已经尝试设置窗口、文档和“包装器”div(宽度和高度在 css 中设置为 100%)onresize 事件(通过普通 javascript 和通过 jQuery 'resize' 事件),但它们不会被触发我进入全屏模式。
我还设置了一个间隔来检查屏幕/文档/包装器的宽度和高度的变化,但它们没有显示任何变化。
有没有其他方法可以确定用户是否进入(或离开)全屏模式?
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