指定のブレイクポイントに切り替わったタイミングで処理を実行(window.matchMedia, PC/TB/SP)

[ ID : 6243 ]
シルバー
指定のブレイクポイントに切り替わったタイミングで処理を実行(window.matchMedia, PC/TB/SP)

概要

JavaScriptのwindow.matchMediaメソッドを使用して、メディアクエリに設定したブレイクポイントに切り替わったタイミングで処理を実行する方法を紹介。

用途・要件

  • JavaScriptのwindow.matchMediaメソッドを使用。
  • ロード時および画面をリサイズして指定のブレイクポイントに切り替わったタイミングで処理を1回実行。
  • DEMOでは、設定したPC/TB/SPのブレイクポイントに切り替わるタイミングでテキスト「PC」「TB」「SP」を切り替えています。

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)
  • IE11

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

全ての記事を見る

KONOCODEのメリット 無料会員登録