javascript - 在触摸绑定(bind)元素内单击被忽略

Question

我使用移动 Angular 用户界面编写了一个 Angular Directive(指令)来测试触摸，如下所示:

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

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

Answer 1

仅添加一行代码即可解决问题:

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

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