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

Question

我有下面的代码，当用户点击列表中的任何一项时，我想得到一个点击事件：(我知道内联onClick是老派的，它更容易启动和运行，我稍后会改变它)。

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

如果我使用KomodoEdit和Chrome来运行它，那么一切都会正常工作，即调用audioClick()。然而，在iPhone上，如果用户点击控件，它就不会。

这可能是iPhone浏览器的一个特性，还是我的代码根本不正确？

(我将控件放在div中，因为似乎没有办法使用.css来定位它们，所以通过将它们放在div中，我可以将它们放在div中)。

Answer 1

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

阅读：

• http://www.quirksmode.org/blog/archives/2010/09/click_event_del.html
• http://www.quirksmode.org/blog/archives/2010/10/click_event_del_1.html

您可能希望尝试使用触摸事件。