Sự kiện hướng của jQuery Mobile

Sự kiện orientationchange của jQuery Mobile

Sự kiện orientationchange được kích hoạt khi người dùng xoay thiết bị di động thẳng đứng hoặc ngang.

Mobile

Mobile

Nếu muốn sử dụng sự kiện orientationchange, hãy thêm nó vào đối tượng window:

$(window).on("orientationchange",function(){
  alert("Hướng đã thay đổi!");
});

callback hàm có thể thiết lập một tham số, đó là đối tượng event, nó sẽ trả về hướng của thiết bị di động: "chân dung" (hướng mà thiết bị được cầm là thẳng đứng) hoặc "toàn cảnh" (hướng mà thiết bị được cầm là ngang):

ví dụ

$(window).on("orientationchange",function(event){
  alert("Hướng là: " + event.orientation);
});

Thử ngay

Do sự kiện orientationchange được gắn với đối tượng window, chúng ta có thể sử dụng thuộc tính window.orientation để, ví dụ, thiết lập các phong cách khác nhau để phân biệt giữa chế độ chân dung và chế độ toàn cảnh:

ví dụ

$(window).on("orientationchange",function(){
  if(window.orientation == 0) // Hình ảnh chân dung
  {
    $("p").css({"background-color":"yellow","font-size":"300%"});
  }
  else // Chế độ ngang
  {
    $("p").css({"background-color":"pink","font-size":"200%"});
  }
});

Thử ngay

Lưu ý:Thuộc tính window.orientation trả về 0 cho chế độ dọc, trả về 90 hoặc -90 cho chế độ ngang.