Peristiwa arah jQuery Mobile

Peristiwa orientationchange jQuery Mobile

Peristiwa orientationchange diaktifkan apabila pengguna mengalihkan peranti gerak secara vertikal atau horizontal.

Mobil

Mobil

Untuk menggunakan peristiwa orientationchange, tambahkan ke objek window:

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

Fungsi callback boleh menetapkan parameter satu, iaitu objek event, yang akan mengembalikan arah peranti gerak: "portrait" (arah pengangkutan peranti adalah vertikal) atau "landscape" (arah pengangkutan peranti adalah horizontal):

Contoh

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

Cuba Sendiri

Kerana peristiwa orientationchange disambungkan kepada objek window, kita boleh guna properti window.orientation untuk, contohnya, menetapkan gaya yang berbeza untuk menghambat papan tangan dan papan lanskap:

Contoh

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

Cuba Sendiri

Pemberitahuan:Properti window.orientation mengembalikan 0 untuk paparan potret, dan 90 atau -90 untuk paparan landscape.