$(window).on("orientationchange", function(event) {
if (event.orientation) {
// 处理方向改变事件
console.log("方向改变为: " + event.orientation);
}
});
在这个例子中,当用户旋转设备时,orientationchange事件被触发,并且事件对象包含一个orientation属性,它表示设备的新方向。可能的值包括 "portrait"(纵向)和 "landscape"(横向)。
请注意,由于orientationchange事件有一些兼容性问题,建议使用resize事件来检测方向改变。以下是一个使用resize事件的例子:
$(window).on("resize", function() {
var orientation = (window.innerWidth > window.innerHeight) ? "landscape" : "portrait";
// 处理方向改变事件
console.log("方向改变为: " + orientation);
});
在这个例子中,通过比较窗口的宽度和高度,我们确定了新的方向。这样,无论是旋转设备还是改变窗口大小,都能检测到方向的改变。
转载请注明出处:http://www.zyzy.cn/article/detail/9436/jQuery Mobile