Javascript 如何使touchstart、touchend和touchover与鼠标事件一起工作？

我正在尝试使用HTML5音频标签创建一个基本的移动音频播放器

到目前为止，我可以在浏览器和鼠标事件中正常工作

但是，当我在一个触摸准备设备中尝试相同的功能时，一切都非常笨拙（不流畅），触摸事件根本不起作用

这就是我到目前为止所做的：

我试过这样的方法：

$pie.on("mousedown touchstart", function (eDown) {

        if($(eDown.target).is("#pie")) {
            var seeking = true;

            var percent = computeProgress(eDown);
            player.currentTime = percent * player.duration / 100;

            $(this).on("mouseup mouseout touchend", function () {

                seeking = false;
            });

            $(this).on("mousemove touchmove", function (eMove) {
                if(seeking == true) {
                    var percent = computeProgress(eMove);
                    player.currentTime = percent * player.duration / 100;
                }
            });

但我上面提到的问题在触控设备上依然存在

有人能就这个问题提出建议吗？

你必须看看