jQuery Mobile orientationchange 事件

jQuery Mobile 事件 jQuery Mobile 事件

實例

在用戶翻轉移動設備室彈出一些文字資訊:

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


定義和用法

orientationchange 事件是在用戶水準或者垂直翻轉設備(即方向發生變化)時觸發的事件。

注意:如果要查看 orientationchange 事件的效果, 用戶必須使用移動設備或者移動模擬器來查看本站實例。


語法

$(window).on("orientationchange",function(event){...})

參數 描述
function(event) 必須。指定 orientationchange 事件觸發後執行的函數。

要確定設備按哪個方向旋轉,您可以訪問方向屬性 orientation ,屬性值可以是 "portrait(縱向)" 或者 "landscape(橫向)"。

  • Portrait = 設備在縱向位置旋轉
  • Landscape = 設備在橫向位置旋轉


實例s

更多實例

事件對象
使用 event.orientation 返回移動設備的方向。

窗口對象
使用 window.orientation 屬性設置"portrait(縱向)" 和 "landscape(橫向)"間不同的樣式。


jQuery Mobile 事件 jQuery Mobile 事件