移动端网页事件以及屏幕适应
来源:互联网 发布:下载旧版软件 编辑:程序博客网 时间:2024/04/30 18:27
1.事件
touch触摸事件:
touchstart 当手指放在屏幕上触发
touchmove 当手指滑动时触发
touchend 当手指离开时候触发
touchcancel: 当系统停止跟踪时触发; 该事件一般使用不到;
触摸具有的属性如下:
touches :跟踪的触摸操作的touch对象的数组,当一个手指在屏幕上,event.touches.length==1;当两个手指时,event.touches.length==2;以此类推。
targetTouches: 特定于事件目标的touch对象的数组。touch事件会冒泡,所以我们可以使用这个属性指出目标对象。event.targetTouches.
changedTouches: 表示上次触摸以来发生了什么改变的touch对象的数组。
touch对象都包含了以下几个属性:
clientX 触摸目标在视口中的X坐标。
clientY触摸目标在视口中的Y坐标。
pageX,pageY,screenX,screenY,target.
另有手势事件Gestures.
2.判断浏览器类型或者安卓ios与否可以判断navigator,
判断平台:navigator.platform 字符串含有win32则是电脑,含有ipad可能是ios系统等
判断浏览器:navigator.userAgent 字符串含有chrome,safari等等
3.移动端屏幕设置:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
设置视图,width=device-width,initial-scale初始缩放一般为1,user-scalable为0时不允许用户缩放。
阅读全文
0 0
- 移动端网页事件以及屏幕适应
- 一个网页适应多种不同屏幕的移动wap开发
- 网页自动适应屏幕
- 关于网页缩放和小屏幕适应
- 网页自动适应不懂分辨率屏幕问题
- asp.net手机网页横向适应屏幕
- 适应各种不同屏幕宽度的网页
- CSS使网页适应不同屏幕大小
- 网页多种版心适应多屏幕技巧
- 移动端适应
- 移动网页设计规范(适应手机屏幕大小)
- 网页事件自动适应触控设备
- html适应移动端设置
- 屏幕适应
- 网页自动适应手机端
- pc端网页自适应各版本移动端屏幕大小
- 手机网页宽度自动适应屏幕宽度的方…
- 网页自动适应屏幕宽度的CSS代码
- 页面拖拽 方法二
- linux 内存清理/释放命令
- 贷款审批已通过,临时想取消怎么办?
- 为有数据的数据库表添加主键
- 数据结构实验之栈与队列二:一般算术表达式转换成后缀式
- 移动端网页事件以及屏幕适应
- osgi对于只发布服务的bundle进行热部署
- php nginx用x-sendfile控制文件下载权限
- 假如时光倒流,我会这么学习Java
- Qt 学习之路 2(45):模型
- HiveSQL解析原理:包括SQL转化为MapReduce过程及MapReduce如何实现基本SQL操作
- Hive几种数据导出方式
- 人工智能(AI)压缩到10个“需要记忆的时刻”
- 关于android读取ICCID、IMSI和IMEI