触摸绑定元素内的点击被忽略

Question

我使用移动 angular ui 编写了一个 angular 指令来测试这样的触摸：

<div touch-binded-element>
    <a href="something">html link</a>
</div>

问题是当我在移动模式下调试页面时，触摸绑定区域内的html链接无法再点击。但是在桌面模式下一切正常。开发移动网页时有什么技巧需要注意吗？

Answer 1

只添加一行代码即可解决问题：

$touch.bind(element, {
    start: ...,
    move:  ...,
    end: function(touchInfo, e) {
        ...
        e.target.click();
    }
});

只需将 e.target.click() 添加到 touchend 函数的底部即可。