JavaScriptでiPhone/iPadの向きを検出する

検出というとたいした事のように聞こえますがたいした事はなくて、今iPhoneが横向きなのか縦向きなのかをJavaScriptで判別してやろうということです。向きが判別できると縦横それぞれの場合にCSSを切り替える事もできるようになるので、Webアプリを作る際に役にたちそうです。(CSSの指定で切り替える方法もありますが、それは後日…)

検出というとたいした事のように聞こえますがたいした事はなくて、今iPhoneが横向きなのか縦向きなのかをJavaScriptで判別してやろうということです。向きが判別できると縦横それぞれの場合にCSSを切り替える事もできるようになるので、Webアプリを作る際に役にたちそうです。(CSSの指定で切り替える方法もありますが、それは後日…)

iPhone用のWebアプリを作りたい。せっかくならJavaScriptとCSS3を使ってiPhoneアプリっぽいUIを作りたい。CSS3は何となくわかるけど、JavaScriptで画面をタッチしたときのイベントについては全くわからない。なので調べてみました。備忘録です。

jQueryとCSS3を組み合わせればちょっとだけリッチなフォームが作れるんじゃないか?ということで作ってみました。全部を一度に紹介すると長くなってしまうので、少しずつ紹介します。まず最初は一番簡単だったテキストエリア。