일부 특정 코드를 사용해도 iPad Touch 이벤트가 작동하지 않습니다.

Question

저는 epub에서 작업 중이므로 텍스트를 클릭하면 확대되고 동시에 오디오가 재생되는 것과 같은 작업이 있습니다. 코드는 Safari 브라우저에서 정상적으로 작동합니다.

$(document).ready(function() { 
    var $ = jQuery.noConflict(); 
    <!-- document.addEventListener("touchstart", function(){}, true); --> 
    var ua = navigator.userAgent, event = (ua.match(/iPad/i)) ? "touchstart" : "click";  
    $('.cls_txt').bind(event, function(e) { 
     document.getElementById('track').play();  
     document.getElementById('track').addEventListener('timeupdate', function(){ 
      var original=this.currentTime; 
      var ct=Math.round(original*10)/10; 
      console.log(ct); 
      if(ct>=0.1 && ct<=0.3){ $('#t1').addClass('sss'); } 
      if(ct>0.4){ $('#t1').removeClass('sss'); } 
     },false); 
    }); 
}); 

위의 코드는 일부 다른 페이지에서 작동합니다. 도와주세요.

Answer 1

어떻게 작동하지 않습니까? 오디오가 재생되지만 확대는 수행되지 않습니까?

this.currentTime은 this이 이벤트 처리기의 컨텍스트에서 정의되지 않았기 때문에 iPad 또는 다른 브라우저에서 작동하지 않습니다. 다음과 같이 외부의 동영상을 기억해야합니다.

var track = document.getElementById('track'); 
track.play();  
track.addEventListener('timeupdate', function(){ 
    var original=track.currentTime;