OnClick或OnHover事件侦听javascript中的所有IMG

我有一张图片列表 我想在我没有ID的页面上的任何“img”上收听点击操作或悬停操作。我想使用常规javascript，并对现代浏览器友好

我做了很多研究和阅读，但我还没有找到解决办法。 我认为我的代码可能看起来像这样，但我不确定：

var allimg = document.getElementsByTagName('img');
for(var i = 0; i < allimg.length; ++i) {
   // do something
}

var allimg=document.getElementsByTagName（'img'）；
对于（变量i=0；i

---

我如何将onlick添加到此，我是否需要在pageload中将其作为函数调用？单击时，javascript如何对所有img标记做出反应？

您是否有可能使用jQuery？如果是的话

$(img).on('click',function(e){
  console.log('rad')
});

否则。。你在正确的轨道上。未经测试，但这会让你达到目的

function clickHandler(e){
  console.log('I love goats')   
}

var allimg = document.getElementsByTagName('img');
for(var i = 0; i < allimg.length; ++i) {
  allimg[i].onclick = clickHandler;
}

函数clickHandler（e）{
console.log（“我爱山羊”）
}
var allimg=document.getElementsByTagName（'img'）；
对于（变量i=0；i

您有没有可能使用jQuery？如果是的话

$(img).on('click',function(e){
  console.log('rad')
});

否则。。你在正确的轨道上。未经测试，但这会让你达到目的

function clickHandler(e){
  console.log('I love goats')   
}

var allimg = document.getElementsByTagName('img');
for(var i = 0; i < allimg.length; ++i) {
  allimg[i].onclick = clickHandler;
}

函数clickHandler（e）{
console.log（“我爱山羊”）
}
var allimg=document.getElementsByTagName（'img'）；
对于（变量i=0；i

使用事件委派：

document.getElementsByTagName('body')[0].onclick = function (event) {
    if (event.target.nodeName === "IMG") {
        console.log('do something');
    }
} 

使用事件委派：

document.getElementsByTagName('body')[0].onclick = function (event) {
    if (event.target.nodeName === "IMG") {
        console.log('do something');
    }
} 

---

在每个元素中添加侦听器是没有用的。在你的循环中试试这个

allimg[i].onclick/onmouseover=function（）{//your code}

向每个元素添加监听器没有用。在你的循环中试试这个

allimg[i].onclick/onmouseover=function（）{//your code}