如何使用alpine js防止双击放大移动设备

【问题标题】：How to prevent doubleclick to zoom in on mobile with alpinejs如何使用alpine js防止双击放大移动设备
【发布时间】：2021-11-29 20:14:38
【问题描述】：

我试过的是

@click="playInstance()"

和

@click.prevent="playInstance()"

用一个简单的

playInstance() {
      audioObj.play();
},

当我添加阻止时，停止缩放，但点击也不会启动音频。

我想要的是多次点击来执行播放，而不会因为双击而缩放我的元素。

谢谢大家

【问题讨论】：

标签： alpine.js

【解决方案1】：

我猜问题不在 AlpineJS 部分，

我让它在手机（和台式机）上工作：

@touchstart.prevent="playDefiInstance();"
@click.prevent="playDefiInstance();"

我把它留在这里以备将来参考。

阻止不会发出双击信号，并且您避免了手机上的放大功能

效果很好！

【讨论】：