2012-09-04 39 views
0

我有下面的代码,我希望得到一个click事件,如果在列表中的任何项目的用户点击:(我知道内联的onClick是旧校园,它更容易让事情继续进行,我会在稍后改变它)。无法接收click事件时,用户点击音频控制

<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我可以定位,与其放置它们)。

+0

http://stackoverflow.com/questions/10576167/js-events-that-dont-bubble-progress-loadedmetadata-etc – Salketer

回答