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

前提

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

TypeScript 复制代码
(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(); // 暂停视频
                    }
                }
            }
        }
    };
})();
相关推荐
张晓~1833994812115 小时前
短视频矩阵源码-视频剪辑+AI智能体开发接入技术分享
c语言·c++·人工智能·矩阵·c#·php·音视频
百思可瑞教育15 小时前
在Vue项目中Axios发起请求时的小知识
前端·javascript·vue.js·北京百思教育
患得患失94915 小时前
【个人项目】【前端实用工具】OpenAPI to TypeScript 转换器
前端·javascript·typescript
大前端helloworld15 小时前
前端梳理体系从常问问题去完善-基础篇(html,css,js,ts)
前端·javascript·面试
Larry_zhang双栖16 小时前
低版本Chrome 内核兼容性问题的优美解决
前端·chrome
良木林16 小时前
浅谈原型。
开发语言·javascript·原型模式
百思可瑞教育17 小时前
Vue中使用keep-alive实现页面前进刷新、后退缓存的完整方案
前端·javascript·vue.js·缓存·uni-app·北京百思可瑞教育
GilgameshJSS18 小时前
【学习K230-例程23】GT6700-音频FFT柱状图
python·学习·音视频
木心操作18 小时前
js生成excel表格进阶版
开发语言·javascript·ecmascript
GISer_Jing18 小时前
sqb&ks二面(准备)
前端·javascript·面试