Javascript 页面加载时不触发调整大小事件 window.addEventListener（'resize'，function（）{ if（document.documentElement.clientWidth

“我的代码”仅在加载页面后更改clientWidth（例如，调整浏览器窗口大小）时生效，即使clientWidth条件从一开始就是真的

如果clientWidth条件为真，我的目标是触发“我的代码”：1）如果加载后clientWidth发生了更改（浏览器调整大小）2）当页面加载时，您可以尝试以下操作：

window.addEventListener('resize', function(){
    if (document.documentElement.clientWidth < 500) {
        // My Code.
    }
}, false);

函数myFunction（）{
如果（$（窗口）.width（）<500）{
警报（'您可以尝试以下方法：

window.addEventListener('resize', function(){
    if (document.documentElement.clientWidth < 500) {
        // My Code.
    }
}, false);

函数myFunction（）{
如果（$（窗口）.width（）<500）{
警报（“您可以使用
dispatchEvent
触发事件。还要注意事件名称是“resize”。我没有使用jQuery，因为您的原始帖子没有包含任何jQuery代码


setTimeout（函数（）{
dispatchEvent（新事件（'resize'））；
}, 3000);
var=1；
addEventListener（'resize'，function（））{
//如果（document.documentElement.clientWidth<500）{//此演示将显示正在调用resize
document.getElementById（'logger'）.innerHTML='resizecalled'+called++；
// }
}，false）；
您可以使用
dispatchEvent
来触发事件。另外请注意事件名称是“resize”。我没有使用jQuery，因为您的原始帖子没有包含任何jQuery代码


setTimeout（函数（）{
dispatchEvent（新事件（'resize'））；
}, 3000);
var=1；
addEventListener（'resize'，function（））{
//如果（document.documentElement.clientWidth<500）{//此演示将显示正在调用resize
document.getElementById（'logger'）.innerHTML='resizecalled'+called++；
// }
}，false）；
只需将代码包装在函数中，在页面初始化期间以及每次事件运行时调用它一次（
调整大小/大小
）

功能检查宽度（宽度）{
if（document.documentElement.clientWidth

本质上正是@nem所评论的：）
只需将代码包装在一个函数中，在页面初始化期间以及每次事件运行时调用它一次（
调整大小）

功能检查宽度（宽度）{
if（document.documentElement.clientWidth

本质上正是@nem所评论的：）
您可以使用
$（window）.width（）
使其工作。您能提供一个示例吗？只需将在这两种情况下运行的代码重构为一个函数，并在
$（document）上调用该函数即可。就绪
和
$（window）.resize
resize仅在调整大小时触发。您必须在页面加载时触发事件以使其初始触发。这不仅是调整大小，而且是条件。为了检查这一点，我删除了eventListener，但它仍然没有从一开始就触发。这只发生在我身上吗？您可以使用
$（窗口）。width（）
使其正常工作。您能提供一个示例吗？只需将在这两种情况下运行的代码重构为一个函数，并在
$（文档）上调用该函数。就绪
和
$（窗口）.resize
resize仅在调整大小时触发。您必须在页面加载时触发事件以使其初始触发。这不仅是调整大小，而且是条件。我删除了eventListener以检查这一点，但它仍然没有从一开始就触发。这只发生在我身上吗？我认为这里的事件是“调整大小”…除非op使用的是定制的东西，否则我会将其与
op
的事件保持一致，我觉得很奇怪所有其他答案都将他的事件和代码转换成了不同的样式，因为他的问题不在于事件本身。/谢谢你注意到这一点，我打错了。我编辑了帖子。修改了我的答案以匹配；）我想这里没有他正在“调整大小”…除非op使用了自定义的东西，否则我会将其与
op
的事件保持一致，我觉得很奇怪，所有其他答案都将他的事件和代码转换为不同的样式，因为他的问题不在于事件本身。/谢谢你注意到这一点，我打错了。我编辑了帖子。修改了我的答案以匹配；）我尝试了这个用空白页面来确保，但这只有在我调整窗口大小的情况下才有效。这只对我有效吗？我尝试了opera和firefox的最新版本。在这里有效：检查chrome ConsoleEyes中是否有错误，这在那里有效。你能把它翻译成JavaScript吗？这会帮我很大的忙，我想这不能解决问题由于$ready，e已更正翻译。谢谢。这是根据需要工作的。我尝试使用空白页来确保，但只有在我调整窗口大小时才有效。这是仅针对我的情况吗？我尝试使用opera和firefox-最新版本。在这里工作：检查chrome ConsoleEyes中是否有错误，这在那里工作。可以吗请您将其翻译为JavaScript？这将对我有很大帮助，我认为由于$ready，无法对其进行更正。谢谢。这是根据需要工作的。感谢您使用JavaScript。我只是在学习它，这对我来说比JQuery简单得多。但此方法有延迟（如果我错了，请纠正我）我需要它没有任何延迟（就像普通脚本）。@beyevaza延迟（setTimeout）只是为了演示。当然，你可以在任何地方使用dispatchEvent。感谢你使用JavaScript。我只是在学习它，这对我来说比JQuery简单得多。但是这个方法有延迟（如果我错了，请纠正我）而我
function checkWidth( width ) {
  if ( document.documentElement.clientWidth < width ) {

    // my code

  }
}

checkWidth( 500 );

window.addEventListener('resize', function(){
  checkWidth( 500 );
}, false );