注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

左岸

web前端

 
 
 

日志

 
 

iphone上web开发-js  

2012-06-25 15:17:04|  分类: 移动客户端 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1、屏幕旋转事件:

     事件:window.onorientationchange      值:window.orientation

    实例:

    html:  <body orient="landscape">...</body>

   css:  body[orient="landscape"] btn{...}

 

js:  function orientationChange(){

 swith(window.orientation){

   case 0:   //do something

     alert(0); break;

  case -90:   //do something

     alert(1); break;

case 90:   //do something

     alert(2); break;

}

//do something

}

addEventListener('load',function(){

 orientationChange();

window.onorientationchange=orientationChange;

});

            

 2、隐藏地址栏:

    addEventListener('load',function(){

     setTimeout(function(){

      window.scrollTo(0,1);

},100);

}) ; 

 

3、iphone os的全屏实现方法:

<meta name="apple-mobile-web-app-capable" content="YES" />

4、手指按下不会触发mousedown事件,手指抬起不会触发mouseup; 访问图片会以viewport显示。

  评论这张
 
阅读(609)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017