WEB系キャンパス

レスポンシブ時にスマホのみ、PCのみにJavascriptの処理を行いたい時

レスポンシブデザインのコーディング時に「スマホの時だけ」「PCでの時だけ」Javascriptを動かしたい時のコード。

var windowWidth = $(window).width();
var windowSm = 640;
if (windowWidth <= windowSm) {
//横幅640の時に動作させたいJavascriptを記述
} else {
//それ以外の場合は何も書かない
}

Javascriptは基本ページ読み込み時に動作するので、PCでブラウザの幅を狭めても動きません。
一度、ブラウザを更新する必要あり。

【参考サイト】

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です