首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何让touchstart、touchend和touchover与鼠标事件一起工作?

如何让touchstart、touchend和touchover与鼠标事件一起工作?
EN

Stack Overflow用户
提问于 2018-09-03 02:03:00
回答 1查看 254关注 0票数 0

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

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

但当我在触控设备上尝试同样的功能时,一切都很笨拙(不流畅),而且触控事件根本不起作用。

这就是我到目前为止所知道的:

https://jsfiddle.net/nkhy0sxf/

我试过这样的方法:

代码语言:javascript
复制
$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;
                }
            });

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

有人能在这个问题上给点建议吗?

EN

回答 1

Stack Overflow用户

发布于 2018-09-03 07:19:06

你一定要去看看hammer.js

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52139734

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档