视频播放器单击click和dblclick组合问题

html播放页面

 

document.onkeydown=function(e){if(e.keyCode==13)document.querySelector('.player-poster').click()}

 

上方代码:enter代替click可执行,播放器(即刻播放或加载后播放)

但实际需求是“全屏播放

需要操作是:单击+双击,两次动作中间可能还需要一个延时(300),以免两个动作执行出错。

enter键摁下一次,可否实现这样的  鼠标组合动作(单击)+(延时300)+(双击)?????

代码文件(下载到本地可测试):

https://wwa.lanzoui.com/iV7Jrq6inxg


    document.onkeydown = function (e) {
        if (e.keyCode == 13) {
            var el = document.querySelector('.player-poster');
            el.click();
            document.body.requestFullscreen();
        }
    }

改成这样pc端chrome,Firefox有效,没有你的环境所以不清楚能否实现你的效果,自己测试看看,不需要触发dblclick

单击完后再加一句:setTimeout("document.querySelector('.player-poster').click()",300).dbclick();理论上就是延迟300毫秒再让播放组件执行双击事件,可以试试,有问题再交流 

您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps: 问答会员年卡【8折】购 ,限时加赠IT实体书,即可 享受50次 有问必答服务,了解详情>>>https://t.csdnimg.cn/RW5m