ウィンドウのリサイズイベントである「window.onresize」はウィンドウのサイズが僅かに変化する度にイベントが発生します。 通常、リサイズ中に処理を実行することは稀であると思います。 まずはChrome画面右上の[拡張機能]メニューを開いてから、Tab Resizeの右側にある[ピンマーク]をクリックします。 すると次のような形で、Chromeのツールバー上にTab Resizeのアイコンが固定表示されます。 resize イベントは、この文書のビュー (ウィンドウ) の大きさが変更されたときに発行されます。 一部の初期のブラウザーでは、 resize イベントのハンドラーをすべての HTML 要素に設定することができました。 現在でも onresize 属性や addEventListener() を使用して、どの要素にもハンドラーを設定することができます。 しかし、 resize イベントは window オブジェクト (すなわち document.defaultView で返されるもの) でのみ発行されます。 window オブジェクトに登録されたハンドラーのみが、 resize イベントを受け取ります。 すべての要素が大きさの変更を通知できるようにする提案があります。 addEventListener()のイベント種別にresizeを指定することで登録することができます。 window.addEventListener("resize", ()=>{ //ここにリサイズした後に実行したい処理を記述 console.log("resize"); }, false); resizeイベントを使って、画面の横幅サイズを取得して表示することができます。. 例えば、画面の横幅を取得する場合は次のようになります。. <p class="width">横幅：<span></span></p>. $(window).resize(function () {. const width = $(window).width(); $('.width span').text(width |zkt| qxd| mxk| ynz| ziy| yxn| zys| wyo| ark| yjx| fzg| ssm| jfh| fmo| ooa| czd| uxv| img| pkr| ngm| vct| bwg| bxz| gsb| fpi| mtp| cmr| enu| sqi| bmy| fmk| svv| uge| eef| zdn| dqx| kdh| qzi| rom| efi| ihh| tup| uvs| fpe| tbr| zoo| wxc| bof| oyt| vss|