移动端区分点击和长按

为了适配移动端，图片加入touchstart，touchend，并加了 e.preventDefault() 屏蔽默认菜单。

然而突然发现移动端图片的链接无响应了，PC端没问题。

而且功能需要区分点击和长按。

原生js如何判断移动端的tap,dbltap，longtap?点击，双击，长按的识别 - 简书

通过计算 touchstart 和 touchend 的时间间隔来区分能解决问题。

(function(i){
    var t, time;
    img.addEventListener('touchstart', function(e){
        e.preventDefault();
        t = e.touches[0];
        time = Date.now();
    });
    img.addEventListener('touchend', function(e){                
        var dt = Date.now() - time;
        if (dt < 300)
            window.location.href = json[i].website;
        else {                
            menu.style.display = 'block';
            menu.style.left = t.pageX + 'px';
            menu.style.top = t.pageY + 'px';
            id = i;
            title1 = json[i].title;
            website1 = json[i].website;
        }
    });
})(i);