咱们平时网页设计，很多时候都得靠点击来互动。但在手机上，使用click事件有点慢，大约需要2秒钟才反应过来。不如试试tap事件，这种方式比 click快多了，交互更流畅。
就是个加了”tap”的小变化，其实里头大有文章！比如你看到的singleTap和doubleTap，就是表示单手指一下和两下连击呀。学会用好这俩名词，就能轻松应对各种鼠标操作，让咱的网页变得更加有意思哈~
2.避免点透情况的处理
$(function(){
newFastClick(document.body);
})
有时候使用zepto的tap事件处理移动端浏览器的点击会出现诡异情况—你想点A子，结果弹出来B子的反应。这问题挺烦人的，但咱们可以用叫做fastclick的库来对付它哈~
快试试GitHub上的fastclick库！这货能让你手机点击瞬间响应哟。只要在网页里插入script标签引用，等网页载入完就可以开始初始化了。想让那些点击不了的地方立马好使？给它们加上click事件就行（别忘了别用zepto的tap事件哈）。
你知道吗？有个叫fastclick的库超好用，试过后发现它的触控响应居然比平常快一些！这样岂不是可以更好地提高手机应用的点击效率。所以说，咱们可得多用用这个fastclick库喽。
$demo.on('touchend',function(e){//改变了事件名称，tap是在body上才被触发，而touchend是原生的事件，在dom本身上就会被捕获触发
$demo.hide()
e.preventDefault();//阻止“默认行为”
})
3. touch事件与其应用
你听过吗？其实，除了我们平时说的“点击”和“轻点”之外，还有个叫做“触摸”的动作。这种技术常用于手机网页开发中，特别适合那些触屏手机用户。而且，很多手机浏览器，像WebKit核心，都是支持它的！
简单来说，不管是用指头点点屏幕、划拉几下还是把手移开，都会触发那三哥们儿， touchstart、touchmove和touchend。有些系统里面还会有个叫touchcancel的，不过用得不多哈。
4.手势操作与框架兼容性问题
别小看我们的触摸屏，除了普通的点击外，还得学会双击，大力点，或者左滑右滑啥的！用起来超舒服！如果你对这方面感兴趣的话，这边有几个不错的选择给你，比如说jqmobile、zepto和jqtouch，它们就能帮你轻松处理各种手势~
不过，有些版本的安卓，像4.0.x这样的，会出现个大问题，就是可能同时触碰和离开都会失效，搞开发可就难喽。虽然市面上有不少方便的框架可用但是选的时候得留神儿了，还要试试看能不能兼容各种系统。
综合监听各种按键，再根据特定需求改变操作手法，咱们就能更精确地做各种复杂的手势！记得也得考虑平台兼容性，找个靠谱的办法才行。
5.结语与展望
看了这个文章，你就知道手机网页开发里，啥是“点一下”(click)，“摸一下”(touch)，及“轻按两次”(tap)了，还提到了要特别关注的地方，学会它们可以让网页更好用，大家用着开心，还可以省去不少麻烦事呢～
未来，咱们要学会更新手机软件，这就要咱们多学点知识了。面对挑战，可别停步，紧盯行业动向才行呢～这样咱们才能在竞争中立足，做出更棒的移动Web应用！
评论0