时间戳

首页 > 解决方案 > 使用 Javascript 禁用 YouTube 自定义上下文菜单/右键菜单

javascript - 使用 Javascript 禁用 YouTube 自定义上下文菜单/右键菜单

问题描述

当我们右键单击 YouTube 视频时，它会显示此上下文菜单。我需要一个 JavaScript 代码来禁用右键单击此上下文菜单。

在此处输入图像描述

我在这个主题上发现了类似的问题，但这也没有答案。 YouTube - 右键单击​​时不显示上下文菜单

标签： javascriptyoutubecontextmenu

解决方案

更新：检测 youtube 页面更改并注入脚本

document.body.addEventListener("yt-navigate-finish", function (event) {
  console.log('Youtube page Change')
  $('div video').addEventListener('contextmenu', e => e.preventDefault());
  $('body').insertAdjacentHTML('afterbegin', '<style>.ytp-contextmenu{visibility:hidden;}</style>');
});

你可以试试这个

// disable HTML5 Video contextmenu
$('div video').addEventListener('contextmenu', e=>e.preventDefault())
// hide element contextmenu by appending custom <style> (CSS)
// cannot use inline CSS
// because the element created after user right click
$('body').insertAdjacentHTML('afterbegin', '<style>.ytp-contextmenu{visibility:hidden;}</style>');

$()不是 jQuery 函数，document.querySelector()如果遇到问题，请更改它

推荐阅读