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事件而不是点击事件，因为它们通常（非常近期的移动Chrome浏览器除外）会有延迟。此外，我摆脱了链接。只需将事件处理程序添加到图像本身即可。