更改样式悬停和onclick记录元素信息

Question

具有功能并具有两件事的按钮：

1.1：当我将鼠标悬停在页面中的任何元素（div，p，a，body）上时，该元素的背景（css）需要更改（例如红色），只是为了知道我将鼠标悬停在想要的元素上。 并且当鼠标离开该元素时，css将恢复。

将鼠标悬停在页脚div上的示例。 （图片）

1.2：单击元素时，我需要console.log该元素（对象）。 诀窍是，当我单击该元素时，如果该元素是例如图像或链接，则需要禁用它们的效果，这样我就可以获取console.log而不是该元素具有的效果（展开图像，重定向这一页...）。

1.3：功能结束

这些是一个AdBlocker拥有的功能，我想知道它们如何以JavaScript方式在后台工作。

我正在谈论的功能。 （图片）