判断横竖屏的问题解决

来源:互联网 发布:双色球中奖计算器算法 编辑:程序博客网 时间:2024/06/05 08:59
/判断手机横竖屏状态: 
function hengshuping(){ 
  if(window.orientation==180||window.orientation==0){ 
        alert("竖屏状态!")        
   
if(window.orientation==90||window.orientation==-90){ 
        alert("横屏状态!")         
    
 
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false); 
   
//移动端的浏览器一般都支持window.orientation这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态。 
从而根据实际需求而执行相应的程序。通过添加监听事件onorientationchange,进行执行就可以了。

  • window.orientation属性与onorientationchange事件    

window.orientation :这个属性给出了当前设备的屏幕方向,0表示竖屏,正负90表示横屏(向左与向右)模式

onorientationchange : 在每次屏幕方向在横竖屏间切换后,就会触发这个window事件,用法与传统的事件类似

0 0
原创粉丝点击