사용자가 오디오 컨트롤을 클릭 할 때 클릭 이벤트를 수신 할 수 없습니다.

Question

사용자가 목록의 항목을 클릭하면 다음과 같은 코드가 표시됩니다. (online onClick은 oldschool이며, 일을 시작하고 실행하고 나중에 변경하겠습니다).

<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 브라우저의 기능이거나 근본적으로 잘못된 코드입니까?

(div에 컨트롤을 추가하는 것은 .css를 사용하여 위치를 지정할 수 없기 때문에 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

당신은 터치 이벤트를 시도 할 수 있습니다.