在iOS浏览器中快速点击时不触发Angular 6（单击）

Question

我有一个按钮，其（单击）实现如下：

<button mat-button (click)="onTranslate()" title="Translate">

哪个触发此功能：

public onTranslate() {
    this.translate.emit();
}

在PC和Android上，点击/轻按均正常工作，但在iOS上却无法快速点击。有没有人遇到类似的问题？我已经在iOS 11.4.1和12.0中进行了测试。在iOS副本上突出显示该文本后，该按钮将显示在文本下方，可见查找按钮。

以下是实例化组件的代码：

<div class="o-viewer-container">
<div #quillContainer>
</div>
<div #toolbar [hidden]="!showToolbar" [ngStyle]="toolbarStyle">
    <o-translate-toolbar (translate)="onTranslate()"></o-translate-toolbar>
</div>

谢谢

Answer 1

您可能需要从第三方库（例如HammerJS）中获得一些帮助，并在Angular项目中构建支持指令。因为在iOS中快速点击可能无法识别为点击事件。