Javascript 当用户单击音频控件时，无法接收单击事件

我有下面的代码，如果用户单击列表中的任何项目，我希望得到一个单击事件：（我知道inline onClick很老，它更容易启动和运行，稍后我会更改它）

标题
名称
日期

如果我使用KomodoEdit和Chrome来运行它，那么一切都会正常工作，即audioClick（）会被调用。但是，在iPhone上，如果用户单击控件，则不会

这可能是iPhone浏览器的一项功能，还是我的代码根本不正确

---

（我将控件放在div中，因为似乎无法使用.css来定位它们，所以通过将它们放在div中，我可以定位它们）。

在iPhone上，单击事件委派可能很奇怪

阅读：

您可能想尝试触摸事件

<ul>
<li id = "li1" onclick="audioClick(event, 'li1', 'url');">
  <img id = "track_image" src="image.jpg" />
  <div id = "track_title">Title</div>
  <div id = "artist_name">Name</div>
  <div id = "release_date">Date</div>
  <a  href="another url"><img id = "visit_website" src="visit_website_icon.gif"/></a>
  <div id = "controls">
      <audio controls></audio>
  </div>
</li>