javascript - 即使我使用了一些特定的代码，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它不会在 iPad 或任何浏览器上工作，因为this它没有在事件处理程序的上下文中定义。您需要记住外面的视频，如：

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