Javascript 增补列表器'；调整大小'；调整浏览器窗口大小时不触发_Javascript_Addeventlistener_Window Resize_Device Orientation

Javascript 增补列表器'；调整大小'；调整浏览器窗口大小时不触发

javascript

Javascript 增补列表器'；调整大小'；调整浏览器窗口大小时不触发,javascript,addeventlistener,window-resize,device-orientation,Javascript,Addeventlistener,Window Resize,Device Orientation,我需要检测移动设备视口宽度的变化。Im使用以下代码检测浏览器窗口的大小更改，但调整窗口大小时addEventListener不会启动my函数： <html> <head> </head> <body> <div id="size">-</div><br> <div id="orientation">-</div> <script> window.addEventListe

我需要检测移动设备视口宽度的变化。Im使用以下代码检测浏览器窗口的大小更改，但调整窗口大小时addEventListener不会启动my函数：

<html>
<head>
</head>
<body>

<div id="size">-</div><br>
<div id="orientation">-</div>

<script>

window.addEventListener('resize', sizeChanged() );

function sizeChanged() {

    var w=window.outerWidth;
    var h=window.outerHeight;
    var txt='<b>sizeChanged:</b><br> W=' + w + 'px<br> H=' + h+'px';
    document.getElementById('size').innerHTML=txt;
    console.log(txt);
}

window.addEventListener('orientationchange', orientationChanged() );

function orientationChanged() {

  var w=window.outerWidth;
  var h=window.outerHeight;
  var txt='<b>orientationChanged:</b><br> W=' + w + 'px<br> H=' + h+'px';
  document.getElementById('orientation').innerHTML=txt;
  console.log(txt);

}

</script>

</body>
</html>


-

-
addEventListener（'resize'，sizeChanged（））；
函数sizeChanged（）{
var w=窗宽、外径；
var h=窗口。外部灯光；
var txt='sizeChanged:
W='+W+'px
H='+H+'px'；
document.getElementById（'size'）.innerHTML=txt；
console.log（txt）；
}
addEventListener（'orientationchange'，orientationChanged（））；
函数方向更改（）{
var w=窗宽、外径；
var h=窗口。外部灯光；
var txt='orientationChanged:
W='+W+'px
H='+H+'px'；
document.getElementById（'orientation'）。innerHTML=txt；
console.log（txt）；
}

我用FF 62.0.3、Chrome 70.0.3538.77和IE11编辑了上面的代码

有人知道我的代码出了什么问题吗？

您突然调用了这些函数，因此基本上，您正在传递这些函数的结果，在本例中，

未定义
您需要将函数作为引用（param）传递，例如
window.addEventListener('resize', sizeChanged); // Look at the missing parentheses.
window.addEventListener('orientationchange', orientationChanged); // Look at the missing parentheses.