如果在图像上徘徊,执行一个函数,Javascript

时间:2012-09-27 07:56:52

标签: javascript

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

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

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

我更喜欢使用vanilla Javascript而不是jq。

的解决方案

我希望我在这里有意义。

1 个答案:

答案 0 :(得分:3)

使用以下代码:

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;
}