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

Question

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

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

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

我更喜欢使用普通 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;
}