JSのレスポンシブ対応をresizeからmatchMediaに移行した

JS でブレークポイント毎に処理を分ける場合の方法を resize から matchMedia に移行したので、その際の...概要を表示 JS でブレークポイント毎に処理を分ける場合の方法を resize から matchMedia に移行したので、その際のメモ書きです。 昔ながらの方法 恥ずかしながら、最近まで JS でブレークポイント毎に JS 処理を切り替える場合、 以下のように昔ながらの resize イベントの監視を使っていました... /** * イベントリスナー */ const listener = () => { // リサイズ時に行う処理 if (window.innerWidth >= 768) { // 768px以上 console.log('PC用ブレークポイント用処理'); } else { // 768px未満 console.log('SP用ブレークポイント用処理'); } }; // リスナー登録 window.addEventListener('resize', listener); /

• javascript
• レスポンシブ
• あとで読む
• js
• techfeed
• Responsive
• css
• web制作