HTML5移动开发笔记

HTML5移动开发笔记

ev.pageX 相对页面横向偏移
ev.pageY 相对页面纵向偏移

ev.pageX = ev.clientX + window.scrollLeft();
ev.pageY = ev.clientY + window.scrollTop();

——————————————————————————————————————-

设备信息初始设置

<meta content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0″ name=”viewport”>

width:device-width 设备宽度
initial-scale:1.0 初始缩放比例1.0
maximum-scale:1.0 允许用户缩放的最大比例1.0
minimum-scale:1.0 允许用户缩放的最小比例1.0
user-scalable:0 是否允许用户缩放

——————————————————————————————————————-

@media 媒体查询

屏幕逻辑宽度在320px至640px之间
<link href=”css/css_320_640.css” type=”text/css” rel=”stylesheet” media=”(min-width:320px) and (max-width:640px)”

/>

——————————————————————————————————————-

单点触摸touch事件

touchstart() 触摸开始
touchmove() 触摸移动
touchend() 触摸结束

——————————————————————————————————————-

多点触摸touch事件

ev.touches数组 存储所有手指信息
ev.changedTouches数组 存储所有抬起的手指数组

ev.touches数组及ev.changedTouches数组中对象均包含identifier属性，即触摸点ID，例如：ev.touches[ev.touches.length-

1].identifier，即为最后按下的手指触摸点ID。

原文链接：https://www.cnblogs.com/baie/archive/2012/11/06/2757006.html
本文来源 爱码网，其版权均为 原网址 所有 与本站无关，文章内容系作者个人观点，不代表 本站 对观点赞同或支持。如需转载，请注明文章来源。