matchMedia()
matchMediaメソッドは引数で渡されたメディアクエリ文字列からMediaQueryList オブジェクトを返すメソッドです。
MediaQueryList オブジェクトはmatchesプロパティとmediaプロパティ、addListenerメソッド、removeListenerソッドをもちます。
MediaQueryListを利用することでCSSのメディアクエリと同様のことが可能です。
if(window.matchMedia("(min-width: 500px)").matches){
//widthが500px以下の場合の処理
}else{
//widthが501px以上の場合の処理
}
登録日 : 2012年09月16日 最終更新日 : 2012年9月16日