推广 热搜: 公司  快速  中国  上海  未来    企业  政策  教师  系统 

移动端——JS(一)1加手机「移动端——JS(一)」

   日期:2025-01-14     作者:ckpp4r    caijiyuan   评论:0    移动:http://keair.bhha.com.cn/mobile/news/7327.html
核心提示:javascript(简称js)语言在移动前端可以说必不可少,许多效果都是和js相关的,包括现在移动端的一些框架:jqmobi、jqtouch、sench

javascript(简称js)语言在移动前端可以说必不可少,许多效果都是和js相关的,包括现在移动端的一些框架:jqmobi、jqtouch、sencha touch、jquerymobile等等。都是基于js编写的。

暂时不讨论这些框架,主要讨论一下部分常用的js事件在移动端的使用。举几个例子:

1、隐藏地址导航栏:

以上代码是针对IOS系统的移动端收缩地址导航栏作用的(部分安卓机也可以)。核心代码就一句:setTimeout("window.scrollTo(0, 0)", 1); 利用定时器,将窗口移动到内容端的最上端,从而隐掉地址导航栏。

2、判断手机横竖屏状态:

移动端的浏览器一般都支持window.orientation这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态,从而根据实际需求而执行相应的程序,通过添加监听事件onorientationchange,进行执行就可以了。

3、判断是否是从主屏幕图标进入的网站:

通过判断navigator.standalone来确定是否是从主屏幕图标来进入网站的。这个主要是应用在webapp端还是web端进入网站的,从而进行相应的操作。

本例是navigator.standalone等于false即是从浏览器(web端)进入的网站的。那么在document文档中写入两段代码。

4、取消浏览器默认行为:

取消浏览器默认行为,主要是为了控制一些手势事件,让它们按照具体的需求来进行相应的操作。核心代码是event.preventDefault();

当手指滑动(touchmove)时进行触发,关于手指事件,下次进行详细讨论。

5、手机加速度事件:

例子中是通过获取手机加速度,来进行一个动画的实例。

在IOS5以上版本已经可以支持devicemotion事件。android4.0也开始支持这个事件。

eventData.accelerationIncludingGravity这个属性获取到的是一组数值,它包括XYZ轴的一个数组。通过对var zhuanhouX=Math.round(acceleration.x); X值的正负进行判断手机是否处于水平左右摇晃状态,从而引发动画。

 

本文地址:http://keair.bhha.com.cn/news/7327.html    康宝晨 http://keair.bhha.com.cn/ , 查看更多

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。

 
 
更多>同类最新资讯
0相关评论

文章列表
相关文章
最新动态
推荐图文
最新资讯
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  粤ICP备2023022329号