绑定touchstart事件(原生js)，小心击穿问题

原理：
本质就是通过js获取对应的元素，对其绑定touchstart事件.

实例：
购物车弹窗中有商品列表，可以编辑每个商品的数量，即每个商品有个-+按钮。
在手机设备打开的H5中，click事件有300ms的延时，如下可以加快点击后的处理速度。
//+操作
var obj = document.getElementsByClassName('GGAddBtn');
$.each(obj,function(i,e){
    e.addEventListener('touchstart', function (event) {
        //如果这个元素的位置内只有一个手指的话
        if (event.targetTouches.length == 1) {
            //...点击+后的处理逻辑...
        }
    }, false);
});

注意事项：
上面代码中，要在处理逻辑部分，加上event. preventDefault();因为touchstart事件后续回冒泡，会有“击穿”效果。

使用时出现的bug解读：
在不使用event. preventDefault();的情况下出现的，首先在商品列表页打开购物车弹窗，弹窗覆盖了商品列表页，一个商品的-+按钮正好盖住了商品列表页的一个商品图（图是点击跳转的）。当点击-的时候，触发touchstart，如果正好商品删除干净弹框关闭，那么又会冒泡导致触发了商品图的click事件，导致页面跳转了。
如果使用了event. preventDefault();就阻止事件本身的冒泡行为。