javascript - 変更時にライブ更新を使用してビューポートの値を HTML で表示する

Question

<p>ページのどこかに要素があり、次のようにして取得できるビューポート値を含める必要があります。

<p>
  <script>
    document.write($(this).width());
  </script>
</p>

しかし、それは「静的に」表示されます。ブラウザーのビューポートのサイズを変更したときに、この値を動的に更新する (ライブの実際の値を表示する) にはどうすればよいですか?

Answer 1

関数をウィンドウのサイズ変更イベントにアタッチする必要があります。

これを確認してください。

Answer 2

まあ、多分それは役に立つでしょう、次のコードでそれを行ってください、それが最善の解決策であるとは限りませんが、うまくいきます! 誰かがそれを改善したり、別のより簡単な方法を提案したりできるかもしれません。

            window.onresize = resize;

            function resize() {
                var viewPort = $(window).width();
                $("#window").text(viewPort);
            }