มือถือ jQuery เหตุการณ์การเปลี่ยนแปลงทิศทาง
มือถือ jQuery เปลี่ยนทิศทาง (orientationchange) ที่จัดกิจกรรม
เมื่อผู้ใช้แนวตั้งหรือแนวนอนหมุนโทรศัพท์มือถือ, การเปลี่ยนแปลงของทริกเกอร์ทิศทาง (orientationchange) เหตุการณ์
เมื่อต้องการใช้การเปลี่ยนแปลงของทิศทาง (orientationchange) เหตุการณ์โปรดแนบไปกับวัตถุหน้าต่าง:
$(window).on("orientationchange",function(){ alert("方向有改变!"); });
ฟังก์ชั่นการโทรกลับจะใช้เวลาหนึ่งพารามิเตอร์วัตถุเหตุการณ์กลับทิศทางของโทรศัพท์มือถือ: "ภาพ" (อุปกรณ์ยังคงอยู่ในตำแหน่งแนวตั้ง) หรือ "แนวนอน" (อุปกรณ์ยังคงอยู่ในตำแหน่งแนวนอน):
ตัวอย่าง
$(window).on("orientationchange",function(event){
alert("方向是: " + event.orientation);
});
alert("方向是: " + event.orientation);
});
ลอง»
นับตั้งแต่การเปลี่ยนแปลงของเหตุการณ์ทิศทาง (orientationchange) ผูกกับวัตถุหน้าต่างให้เราสามารถใช้คุณสมบัติ window.orientation การตั้งค่ารูปแบบที่แตกต่างกันเพื่อให้เห็นความแตกต่างในมุมมองแนวตั้งและแนวนอน:
ตัวอย่าง
$(window).on("orientationchange",function(){
if(window.orientation == 0) // Portrait
{
$("p").css({"background-color":"yellow","font-size":"300%"});
}
else // Landscape
{
$("p").css({"background-color":"pink","font-size":"200%"});
}
});
if(window.orientation == 0) // Portrait
{
$("p").css({"background-color":"yellow","font-size":"300%"});
}
else // Landscape
{
$("p").css({"background-color":"pink","font-size":"200%"});
}
});
ลอง»
คุณสมบัติ window.orientation กลับ 0 สำหรับมุมมองแนวตั้ง, มุมมองแนวนอนสำหรับการกลับมาถึง 90 หรือ -90 |