ユーザーがリスト内のアイテムをクリックした場合にクリックイベントを取得したい次のコードがあります:(インライン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ブラウザの機能である可能性が高いですか、それとも私のコードで根本的に間違っている可能性がありますか？
（.cssを使用してコントロールを配置する方法がないように見えるので、コントロールをdivに配置しているので、代わりにdivに配置することができます）。