株式会社blow-in

ブログ

WEB制作に関する技術情報やサンプルコードからエクセルや
パワーポイントのお役立ち情報まで幅広くご紹介しています。

スマートフォン＆タブレットとパソコンで別のJavaScriptを実行

自身のコピペ用に。

ユーザーエージェントで判定

[javascript]
$(window).load(function() {
if ((navigator.userAgent.indexOf(‘iPhone’) > 0 && navigator.userAgent.indexOf(‘iPad’) == -1) || navigator.userAgent.indexOf(‘iPod’) > 0 || navigator.userAgent.indexOf(‘Android’) > 0) {
// スマートフォン＆タブレット用JS
} else {
// PC用JS
}
});
[/javascript]

ウインドウサイズで判定

[javascript]
$(document).ready(function(){
if ($(window).width() < 1024) {//ウインドウサイズが1024px以下ならば
$(‘#id’).click(function() {//#idをクリックした時にイベントを適用
//sample script　ほげほげ
}
});
[/javascript]
※WackWorksさんから抜粋