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

【问题标题】：Disable YouTube custom context menu/ right click menu using Javascript使用 Javascript 禁用 YouTube 自定义上下文菜单/右键菜单
【发布时间】：2021-02-26 22:26:40
【问题描述】：

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

我发现了关于这个主题的类似问题，但也没有答案。 YouTube - don't display context menu on right click

【问题讨论】：

是关于 youtube player api 还是 userscript？
@uingtea 我正在寻找用户脚本。

标签： javascript youtube contextmenu

【解决方案1】：

更新：检测 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() 更改它

【讨论】：

尝试将代码粘贴到浏览器控制台，如果从其他页面导航将不起作用，您需要注意URL或DOMElement的变化。
@unigtea 我想在每次页面加载时执行代码。所以我使用 tampermonkey 来运行这个脚本。此脚本在浏览器控制台中有效，但在 Tampermonkey 中无效。如何使这项工作？