click事件延迟300ms 来判断单击还是双击
touchstart和touchend的位置相同,时间间隔较短没有触发touchmove事件,则可认为触发了手持设备上的click事件,一般称它为tap (如zepto库)
tap事件比click事件更快
BUG:1.tap点透bug//若点击上面一层消失,因为上面一层消失,300ms后下面的元素接受了事件
解决方案:1.加入缓动动画,上面一层在300ms后消失2.加入中间层来接受事件3.都用tap事件(但原生标签的click事件不可避免)
2.Android只会触发一次touchstart,一次touchmove,不触发touchend
解决方案:touchmove中加入event.preventDefault(),但会导致默认行为不触发,如scroll,页面不滚动
touch是移动交互的核心
局部滚动开启弹性滚动(局部滚动没有弹性滚动,滚动多少是多少)//Android不支持
body{
overflow:scroll;
-webkit-overflow-scrolling:touch;
}
touchstart和touchend的位置相同,时间间隔较短没有触发touchmove事件,则可认为触发了手持设备上的click事件,一般称它为tap (如zepto库)
tap事件比click事件更快
BUG:1.tap点透bug//若点击上面一层消失,因为上面一层消失,300ms后下面的元素接受了事件
解决方案:1.加入缓动动画,上面一层在300ms后消失2.加入中间层来接受事件3.都用tap事件(但原生标签的click事件不可避免)
2.Android只会触发一次touchstart,一次touchmove,不触发touchend
解决方案:touchmove中加入event.preventDefault(),但会导致默认行为不触发,如scroll,页面不滚动
touch是移动交互的核心
局部滚动开启弹性滚动(局部滚动没有弹性滚动,滚动多少是多少)//Android不支持
body{
overflow:scroll;
-webkit-overflow-scrolling:touch;
}