Peristiwa orientasi jQuery Mobile

Peristiwa orientationchange jQuery Mobile

Peristiwa orientationchange diaktifkan saat pengguna memutar perangkat secara vertikal atau horizontal.

Mobile

Mobile

Untuk menggunakan peristiwa orientationchange, tambahkan ke objek window:

$("window").on("orientationchange",function(){
  alert("Orientasi telah berubah！");
});

Fungsi callback dapat menetapkan parameter, yaitu objek event, yang akan mengembalikan orientasi perangkat siap移动："potret" (orientasi perangkat dipegang secara vertikal) atau "landscape" (orientasi perangkat dipegang secara horizontal):

Contoh

$("window").on("orientationchange",function(event){
  alert("Orientasi adalah：" + event.orientation);
});

Coba Sendiri

Karena peristiwa orientationchange diikatkan dengan objek window, kita dapat menggunakan properti window.orientation untuk, contohnya, menetapkan gaya yang berbeda untuk membedakan tampilan potret dan landscape:

Contoh

$("window").on("orientationchange",function(){
  if(window.orientation == 0) // Gambar Potret
  {
    $("p").css({"background-color":"yellow","font-size":"300%"});
  }
  else // Landscape
  {
    $("p").css({"background-color":"pink","font-size":"200%"});
  }
});

Coba Sendiri

Petunjuk:Property window.orientation untuk mode portrait mengembalikan 0, untuk mode landscape mengembalikan 90 atau -90.