イベントを追加する2017/10/16addListener()は、MediaQueryListのメソッドです。changeイベントを追加します。引数(listener)には、コールバック関数を指定する。このメソッドは、EventTarget.addEventListener()の省略版です。Event.typeには"change"が、オプションのcaptureにはfalseが、それ以外は初期値が設定されます。チュートリアル下記は同じ結果になります。;デモMediaQueryList.addListener()のデモです。270px)"というメディアクエリのMediaQueryListを作成しています。ウィンドウの横幅270pxを境に、matchesの値が変化します。イベントを追加すると、背景色などが切り替わるようになります。重複登録はできないようになっています。このコードは編集できます。"メディアクエリの条件を満たしています。"メディアクエリの条件を満たしていません。4.0+関連記事MediaQueryList.onchangeonchangeは、MediaQueryListのイベントです。matchesの値が変化した時にchangeイベントが発生し、ここに設定したコールバック関数が呼び出されます。MediaQueryListMediaQueryListは、メディアクエリを管理するための機能を備えたインターフェイスです。ランダムの数を作るランダムで数を作成します。Window.matchMedia()matchMedia()は、Windowのメソッドです。MediaQueryListを作成します。(月)コンテンツを公開しました。InterfaceハウツーAndroidInstagramLINEMacTwitteriPhoneWebツールブログプロフィールあらゆ足立区竹ノ塚在住の男。ウェブとラーメンが大好きです。@arayutwこのサイトについてSYNCERは「SYNC(同期)」と「ER(する者)」で「知識や感動を同期するブログ」という意味の造語です。みなさんと共に進化(しんか)していきたいという思いも込めてます。SYNCERトップに戻る。