dabaixiaowo2015
dabaixiaowo2015
2021-06-14 02:06
采纳率: 100%
浏览 54
已结题

视频播放器单击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

  • 点赞
  • 收藏

3条回答 默认 最新

  • technologist_40
    CSDN专家-showbo 2021-06-14 12:54
    已采纳
    
        document.onkeydown = function (e) {
            if (e.keyCode == 13) {
                var el = document.querySelector('.player-poster');
                el.click();
                document.body.requestFullscreen();
            }
        }

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

    点赞 1 评论
  • technologist_48
    CSDN专家-Fay 2021-06-14 07:25

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

    点赞 评论
  • QA_Assistant
    有问必答小助手 2021-06-17 15:19

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

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

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

    点赞 评论

相关推荐