Kegiatan jQuery Mobile orientationchange
Acara orientationchange dipicu ketika pengguna berputar perangkat mobile secara vertikal maupun horizontal.
Untuk menggunakan acara orientationchange, pasangkan ke objek jendela:
$(window).on("orientationchange",function(){
alert("The
orientation has changed!");
}); Fungsi callback dapat memiliki satu argumen, objek acara, yang mengembalikan orientasi perangkat mobile: "portrait" (perangkat diadakan dalam posisi vertikal) atau "landscape" (perangkat diadakan dalam posisi horizontal):
Contoh
$(window).on("orientationchange",function(event){
alert("Orientation is: " + event.orientation);
}); Cobalah sendiri " Karena acara orientationchange terikat pada objek window, kita dapat menggunakan properti window.orientation untuk, misalnya, mengatur gaya yang berbeda untuk membedakan antara tampilan potret dan lansekap:
Contoh
$(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%"});
}
}); Cobalah sendiri " Properti window.orientation mengembalikan 0 untuk potret dan 90 atau -90 untuk tampilan landscape.