javascript - オンリサイズが機能しない

Question

私はレスポンシブサイトをやっていて、次に使用しています:

window.addEventListener("resize", function(){
   if(window.innerWidth < 768){
      //execute some code
   }
   else{
      //execute some code
   }
});

ナビゲーターが全幅で [元に戻す] ボタンをクリックすると、ウィンドウのサイズが 768 未満の幅に変更され、addEventListener("resize") 内のコードが機能しません。以下のこれらの画像は、この「リサイズ」の状態を示しています。私のコードは、マウスのポインターを使用してウィンドウのサイズを変更した場合にのみ機能します。

この状況の解決策はありますか？

Answer 1

onresizeはattachEventまたはaddEventListenerでは起動しません。コールバックをwindow.onresizeに直接アタッチする必要があります。

構文

window.onresize = funcRef;

例

window.onresize = resize;

function resize() {
    alert("resize event detected!");
}

Answer 2

ウィンドウを試してみてください。サイズ変更イベント。

window.onresize = function ResizeApp()
{
  if(window.innerWidth < 768)
  {
    //execute some code
  }
  else
  {
    //execute some code
  }
}