jQueryのモバイルorientationchangeイベント
ユーザーが垂直方向または水平方向にモバイルデバイスを回転させるとorientationchangeイベントがトリガされます。
orientationchangeイベントを使用するには、ウィンドウオブジェクトにアタッチします：
$(window).on("orientationchange",function(){
alert("The
orientation has changed!");
}); ：コールバック関数は、モバイルデバイスの向きを返す1引数、イベントオブジェクト、持つことができる"portrait" （デバイスを縦位置に保持される）または"landscape" （デバイスが水平位置に保持されています）：
例
$(window).on("orientationchange",function(event){
alert("Orientation is: " + event.orientation);
}); »それを自分で試してみてください orientationchangeイベントがウィンドウオブジェクトにバインドされているので、我々は、例えば、縦向きと横向きのビューを区別するために異なるスタイルを設定するwindow.orientationプロパティを使用することができます。
例
$(window).on("orientationchange",function(){
if(window.orientation
== 0) // Portrait
{
$("p").css({"background-color":"yellow","font-size":"300%"});
}
else // Landscape
{
$("p").css({"background-color":"pink","font-size":"200%"});
}
}); »それを自分で試してみてください window.orientationプロパティは、肖像画や風景のビューのための90または-90の場合は0を返します。