JavaScript扩展-将多个youtube视频标记为；“无趣”；用鼠标

长期潜伏者，第一次问

近一年来，我一直想写一个简单的小扩展，目的是：

在YouTube主页上，用户可以点击并拖动矩形框（在桌面或任何RTS中），以及所有适合该框的视频-点击其“3dot”按钮，然后点击“不感兴趣”

由于我的专业背景是0（零）个web，我从记住html和css结构开始，以及JS如何操作它们

我使用以下工具进行了小扩展（清单和图标等）：

• document.addEventListener（'mousedown'，mainMouseDownHandler，true）
• 文件。添加了监听器（“mouseup”，main mouseuphHandler，true）
• document.addEventListener（“mousemove”，mainMouseMoveHandler，true）

在每个函数中，我都放置了不同的console.log，以确保操作正确

接下来，我在网上找到了一个例子，说明有人是如何在“canvas”元素上使用JS绘图的。 但是，我在youtube的页面上看不到“画布”。 其他flex容器中只有flex容器

我突然意识到，它可能比我想象的更复杂（绘制框-单击）

这个想法是可行的，还是对于简单的扩展来说不是那么简单

提前感谢所有回复

编辑： 绘制框-单击====

---

按下鼠标，移动鼠标，计算矩形及其内部的所有组件-获取所有“3dot菜单”组件-->“不感兴趣”按钮

请拿起并阅读。通常不需要画布。只需使用CSS样式添加您自己的div，并在

mousemove

事件中调整其大小。这是一个流行的东西，所以应该有很多例子。至于最终的功能，请参见（在扩展中，您需要添加代码以提取

数据

内容）。