งานอีเว้นท์มือถือ jQuery orientationchange
เหตุการณ์ orientationchange จะถูกเรียกเมื่อผู้ใช้หมุนโทรศัพท์มือถือในแนวตั้งหรือแนวนอน
การใช้กิจกรรม orientationchange ที่แนบไปกับวัตถุหน้าต่าง:
$(window).on("orientationchange",function(){
alert("The
orientation has changed!");
}); ฟังก์ชั่นการโทรกลับสามารถมีหนึ่งอาร์กิวเมนต์วัตถุเหตุการณ์ที่เกิดขึ้นซึ่งจะส่งกลับทิศทางของโทรศัพท์มือถือ: "portrait" (อุปกรณ์ที่จะจัดขึ้นในตำแหน่งแนวตั้ง) หรือ "landscape" (อุปกรณ์ที่จะจัดขึ้นในตำแหน่งแนวนอน):
ตัวอย่าง
$(window).on("orientationchange",function(event){
alert("Orientation is: " + 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%"});
}
}); ลองตัวเอง» คุณสมบัติ window.orientation ส่งกลับ 0 สำหรับแนวตั้งและ 90 -90 หรือสำหรับมุมมองแนวนอน