时间戳

首页 > 解决方案 > Angular 6（点击）在iOS浏览器中快速点击时不会触发

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

问题描述

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

<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>

谢谢

标签： iosangular

解决方案

您可能需要从 3rd 方库（例如hammerJS）获得一些帮助，并在您的 Angular 项目中构建一个支持指令。因为 iOS 中的快速点击可能不会被识别为点击事件。

推荐阅读