HTML图像链接在android phonegap应用程序中无法正常工作

Question

我正在开发一个 FM Radio 流媒体应用。当用户按下切换按钮时，流应该在再次单击时停止，它应该开始。

流媒体工作正常，但用户需要触摸的部分并不完全位于该切换图标的顶部。它在图标顶部的某个位置略微出现。我圈出的部分如图所示。

如何使用简单的 css 和 html 创建图像按钮

<a href="#"  style="position:fixed;top: 1%;left: 5%;" onclick="toggleAudio('http://kantipur-stream.softnep.com:7248');">
<img src="images/toggle.png">
</a>

Answer 1

我建议使用 touchststart 或 touchend 事件而不是 click 事件，因为它们通常（在非常新的移动 Chrome 浏览器中除外）有延迟。另外，我会摆脱链接。只需将事件处理程序添加到图像本身即可。