BLOG

Javascriptもレスポンシブのように分岐する

2013-11-23

レスポンシブデザインをするにあたり、メディアクエリを利用して、それぞれのCSSによってそれぞれの端末に合った処理ができますが、
同じようにJavascriptも分岐処理、レスポンシブ処理(?)をしたい時が出てきます。
PCの時は動かすけど、スマホ・タブレットの時は動かさない。などなど。
その時は以下のソースで、メディアクエリのように分岐できるかと思います。

if (matchMedia('only screen and (max-width: 768px)').matches) {
//スマホ・タブレットの時の処理
}else{
//PCの時の処理
}