Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
“检测浏览器窗口”;“最大化”&引用;“最小化”;使用JavaScript_Javascript_Maximize Window - Fatal编程技术网

“检测浏览器窗口”;“最大化”&引用;“最小化”;使用JavaScript

“检测浏览器窗口”;“最大化”&引用;“最小化”;使用JavaScript,javascript,maximize-window,Javascript,Maximize Window,当用户单击浏览器窗口的“最大化”/“还原”或“最小化”按钮时,是否有办法使用JavaScript跟踪这些事件?是否有任何适当的事件或属性可供使用 我希望,当用户单击窗口右上角的“最大化”按钮时,网页应延伸到特定宽度,当浏览器处于可调整大小模式时,网页可调整大小 有人能帮我吗?我不介意JavaScript或jQuery 提前感谢。听起来您想要的是一个布局,当浏览器调整大小时,它会调整大小,但最多只能调整到最大宽度 如果是这样的话,你可以用CSS或者JavaScript来实现 想象您的内容包含在如下

当用户单击浏览器窗口的“最大化”/“还原”或“最小化”按钮时,是否有办法使用JavaScript跟踪这些事件?是否有任何适当的事件或属性可供使用

我希望,当用户单击窗口右上角的“最大化”按钮时,网页应延伸到特定宽度,当浏览器处于可调整大小模式时,网页可调整大小

有人能帮我吗?我不介意JavaScript或jQuery


提前感谢。

听起来您想要的是一个布局,当浏览器调整大小时,它会调整大小,但最多只能调整到最大宽度

如果是这样的话,你可以用CSS或者JavaScript来实现

想象您的内容包含在如下元素中:

<div class="container"> -content here- </div>
如果需要支持IE6(不支持最大宽度),可以尝试在IE6 CSS中使用表达式:

.container{
    width:expression(document.body.clientWidth > 1200 ? "1200px" : "100%" ); /*IE6*/
}
如果要使用JavaScript:可以在窗口的resize事件中调整元素的大小:

$(window).bind('resize', function() {
    // resize $('.container').width() based on $(window).width()
});
您可以使用

$(window).trigger('resize');

据我所知,没有一种可靠的方法可以检测浏览器窗口是否最小化,但如果要检测最大化状态,请尝试:

函数检查窗口(){
var A=screen.availWidth;
var AA=窗宽;
var B=屏幕可用高度;
var BB=窗外光线;
如果(A==AA&&B==BB){
//窗口最大化
}
否则{
//窗口未最大化或全屏显示
}
}

不要太迂腐,但jQuery是JavaScript。是的,我知道,但我不想写一个长句来解释jQuery是如何从JavaScript派生的,我不介意使用JavaScript时代码是长还是短,就像我现在做的那样。。。
$(window).trigger('resize');