javascript - 如果悬停在图像上，则执行函数，Javascript

Question

基本上，我想要的是每当有人悬停在 img 标签上时调用一个函数，并且当用户停止悬停时删除该函数所做的更改。

尝试做的是在图像悬停时在图像后添加一些html，如果没有悬停在任何图像上，它会清除添加的html。

所以基本上，如果页面上的任何图像悬停在，运行函数（它可以操纵悬停的图像，最有可能使用outerhtml），如果用户没有悬停在任何图像上，所有图像外部html应该为空白。

我更喜欢 vanilla Javascript 而不是 jq 的解决方案。

我希望我在这里有意义。

Answer 1

使用以下代码：

function DoWork() {};
function RevertWork() {};

var imgs = document.getElementsByTagName('img');
for (var i = 0; i < imgs.length; i++) {
    imgs[i].onmouseover = DoWork;
    imgs[i].onmouseout = RevertWork;
}