gpt4 book ai didi

javascript - 仅当宽度大于 x 像素时才执行 javascript 代码

转载 作者:行者123 更新时间:2023-11-30 17:02:27 25 4
gpt4 key购买 nike

我试图仅在宽度大于 1200 像素时才执行 javascript 函数。

我需要执行的代码有效,但屏幕尺寸检查却没有:

window.addEventListener("resize", function(){
if (document.documentElement.clientWidth > 1203) {
<<<some other code that's working>>>
}
}, true);

所有这些代码都在 document.ready 函数之外的 javascript 文件中。

编辑:当您四处拖动屏幕窗口时,它不像普通的 css 查询那样工作。这就是问题。如果您刷新页面,它会起作用,但如果您更改浏览器的宽度,则它不会调整,它需要立即重新加载。

那是我的问题。

最佳答案

您需要添加一个else 子句以获得您想要的行为。否则,如您所述,调整大小事件将仅以一种方式起作用。

window.addEventListener("resize", function(){
// fire when above 1203
if (document.documentElement.clientWidth > 1203) {
console.log('Greater!');
}
// fire when below 1203
else {
console.log('Smaller!');
}
}, true);

这是 planet260 写的固定 jsfiddle 的链接:http://jsfiddle.net/4dnemh2j/4/

这又是我的例子:https://jsfiddle.net/9n5hmpua

关于javascript - 仅当宽度大于 x 像素时才执行 javascript 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28607265/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com