Angular 6(点击)在iOS浏览器中的快速点击时未触发

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 中快速点击可能不会被识别为点击事件。