最近webapp遇到的问题
2013-10-30 17:21:25
width:640px layout
1.双击放大问题 webapp会有大量点击交互,所以需要禁用缩放功能user-scalable=no
但是同时user-scalable=no 会导致安卓端缩放不正常
解决办法
增加width=640,可保证双击移动端不放大。
2.移动端屏幕触摸事件
touchstart按下 touchend抬起
1.双击放大问题 webapp会有大量点击交互,所以需要禁用缩放功能user-scalable=no
但是同时user-scalable=no 会导致安卓端缩放不正常
解决办法
增加width=640,可保证双击移动端不放大。
2.移动端屏幕触摸事件
touchstart按下 touchend抬起
obj = document.getElementById("skua"); obj.addEventListener("touchstart",function(event) {3.阻止浏览器默认事件,例如移动端QQ浏览器,长按屏幕会弹出菜单。 所以在事件前添加 event.preventDefault();
document.getElementById("right").click();
},false);
var obj_2 = document.getElementById("right"); obj_2.addEventListener("touchstart",function(event) { event.preventDefault();
document.getElementById("right").click();
},false);