Latest web development tutorials

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事件