// ตัดสินสถานะหน้าจอแนวนอนและแนวตั้งของโทรศัพท์มือถือ: ฟังก์ชั่น henshuping () {ถ้า (window.orientation == 180 || window.orientation == 0) {แจ้งเตือน ("สถานะหน้าจอแนวตั้ง!")} ถ้า (หน้าต่าง สถานะ! ")}} window.addeventListener (" onorientationchange "ในหน้าต่าง?// โดยทั่วไปเบราว์เซอร์มือถือรองรับพารามิเตอร์ Window.Orientation ผ่านพารามิเตอร์นี้คุณสามารถพิจารณาได้ว่าโทรศัพท์อยู่ในสถานะหน้าจอแนวนอนหรือแนวตั้งหรือไม่
ดังนั้นขั้นตอนที่เกี่ยวข้องจะถูกดำเนินการตามความต้องการที่แท้จริง โดยการเพิ่มเหตุการณ์การฟัง onorientationchange คุณสามารถดำเนินการได้
ในการพัฒนาหน้าเว็บ iPad และ iPhone เราอาจต้องตัดสินว่าเป็นหน้าจอแนวนอนหรือหน้าจอแนวตั้ง
ต่อไปนี้เป็นคำอธิบายของวิธีการใช้ jQuery เพื่อตรวจสอบว่า iPad, iPhone และ Android เป็นแนวนอนหรือแนวตั้ง
ฟังก์ชั่น oriented () {ถ้า (window.orientation == 90 || window.orientation == -90) {// iPad, หน้าจอแนวตั้ง iPhone; หน้าจอแนวนอน Andriod $ ("body"). attr ("คลาส", "ภูมิทัศน์"); การปฐมนิเทศ = 'landscape'; return false;} else ถ้า (window.orientation == 0 || window.orientation == 180) {// iPad, หน้าจอแนวนอน iPhone; Andriod หน้าจอแนวตั้ง $ ("body"). attr ("คลาส", "portrait"); Orientation = 'Portrait'; return false;}} // call $ (function () {orient ();}); // call $ (หน้าต่าง) เมื่อผู้ใช้เปลี่ยนทิศทางหน้าจอ bind ('OrientationChange', ฟังก์ชั่น (e) {Orient ();});ค่า window.orientation สอดคล้องกับทิศทางหน้าจอ:
iPad: 90 หรือ -90 หน้าจอแนวนอน
iPad: 0 หรือ 180 หน้าจอแนวตั้ง
Android: 0 หรือ 180 หน้าจอแนวนอน
Android: หน้าจอแนวตั้ง 90 หรือ -90
ข้างต้นเป็นปัญหาของการใช้ JavaScript เพื่อตรวจสอบว่าเบราว์เซอร์มือถือเป็นแนวนอนหรือแนวตั้ง ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!