当前位置:首页 > 其他 > 正文内容

Chrome谷歌浏览器禁止空格下翻页但可以暂停和播放视频脚本js

2025-09-17其他130

前提 播放某些网站的视频的时候(不能网页全屏的视频) 会产生空格下翻页但是不能暂停播放视频,解决方案:下载油猴或者脚本猫把这代码填进去


(function() {
    'use strict';
 
    document.body.onkeydown = function(event) {
        var e = window.event || event;
 
        // 检查是否按下空格键
        if (e.code === 'Space') {
            // 获取当前焦点元素
            var activeElement = document.activeElement;
 
            // 检查焦点是否在输入框或文本区域
            if (activeElement.tagName !== 'INPUT' &&
                activeElement.tagName !== 'TEXTAREA') {
                // 阻止空格键的默认行为(下翻页)
                e.preventDefault();
 
                // 查找视频元素并切换播放状态
                var video = document.querySelector('video');
                if (video) {
                    if (video.paused) {
                        video.play(); // 播放视频
                    } else {
                        video.pause(); // 暂停视频
                    }
                }
            }
        }
    };
})();


原文地址:  https://blog.csdn.net/m0_63920681/article/details/142991359

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。