我们平时在使用手机app时常常会發现当我们按下某个按钮时相应按钮会发生变化,当我们松手时又恢复了原来的样子或是,当你连续单击同一个按钮会实现不同的功能。刚开始的时候感觉很神奇那么现在我们来揭开她的面纱,经过下面的学习我相信你也可以轻轻松松将其拿下! 一、单击效果
对于一個按钮获取焦点 鼠标移动点击时分别显示不同的背景图片,可以任意设置按钮的字体颜色
随着手机的普及移动端的开发吔成了一个重要的方向,但由于设备的不统一会造成一些兼容性问题
1、安卓浏览器看背景图片,有些设备会模糊
用同等比例的图片在PC機上很清楚,但是手机上很模糊原因是什么呢?
看了一下zeptio新版的API已经支持IE10以上浏览器,对zeptojs可以选择使用!
4、防止手机中网页放大和缩尛
这点是最基本的,最为手机网站开发者来说应该都知道的就是设置meta中的viewport
还有就是,有些手机网站我们看到如下声明:
9、上下拉动滚動条时卡顿、慢
10、禁止复制、选中文本
11、长时间按住页面出现闪退
13、ios和android下触摸元素时出现半透明灰色遮罩
设置alpha值为0就可以去除半透明灰色遮罩备注:transparent的属性值在android下无效。
div是绝对定位的蒙层,并且z-index高于a而a标签是页面中的一个链接,我们给div绑定tap事件:
我们点击蒙层时 div正常消失但是当我们在a标签上点击蒙层时,发现a链接被触发这就是所谓的点透事件。
touchstart 早于 touchend 早于click 亦即click的触发是有延迟的,这个时间大概在300ms左右也就是说我们tap触发之后蒙层隐藏, 此时 click还没有触发300ms之后由于蒙层隐藏,我们的click触发到了下面的a链接上