javascript windowサイズ変更時に処理を記述する

javascript windowサイズ変更時に処理を記述する

javascriptでonResizeメソッドを使用して、windowのサイズが変更された際に処理を行うサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43

※windows10にApacheのインストールはこちら

onResizeメソッド使い方

unshiftメソッドを使うと、windowのサイズが変更されたことを検知することが可能です。

onResizeメソッド使い方

サンプルコード

以下は、windowサイズが変化すると、幅と高さを表示するサンプルコードとなります。

※cssには「uikit」を使用してます。

windowサイズが変化すると幅と高さが表示されていることが確認できます。