Latest web development tutorials

jQueryのモバイル方向の変更イベント

jQueryのモバイル方向の変更(orientationchange)イベント

ユーザーは、垂直または水平方向のモバイルデバイス、トリガーの変更(orientationchange)イベントを回転させると。





モバイル


方向の変化(orientationchange)イベントを使用するには、ウィンドウオブジェクトに添付してください。

$(window).on("orientationchange",function(){
	alert("方向有改变!");
});

コールバック関数は、1つのパラメータ、イベントオブジェクトを受け取り、モバイルデバイスの向きを戻す:「ポートレート」(デバイスが縦位置のまま)または「水平」(デバイスが水平位置に留まります):

$(window).on("orientationchange",function(event){
alert("方向是: " + 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を返します。