Fatal编程技术网
  • javascript/
  • Javascript 添加事件侦听器错误

Javascript 添加事件侦听器错误

javascript html css

Javascript 添加事件侦听器错误,javascript,html,css,Javascript,Html,Css,var x=document.getElementsByClassName（“框”）； //Chrome、Safari和Opera的代码 x、 addEventListener（“webkitAnimationEnd”，函数（）{ console.log（“事件已结束”）； }); //标准语法 x、 addEventListener（“animationend”，函数（）{ console.log（“事件已结束”）； }); .box{ 背景：红色； 位置：绝对位置； 填充：100px； } 

var x=document.getElementsByClassName（“框”）；
//Chrome、Safari和Opera的代码
x、 addEventListener（“webkitAnimationEnd”，函数（）{
console.log（“事件已结束”）；
});
//标准语法
x、 addEventListener（“animationend”，函数（）{
console.log（“事件已结束”）；
});

.box{
背景：红色；
位置：绝对位置；
填充：100px；
}
.box:悬停{
动画名称：旋转；
动画持续时间：2秒；
动画迭代次数：无限；
动画计时功能：线性；
}
@关键帧旋转{
从{变换：旋转（0度）；}
到{变换：旋转（360度）；}
}


在选择使用类时，您必须遍历所有元素并将事件绑定到每个元素



var x=document.getElementsByClassName（“框”）；
//Chrome、Safari和Opera的代码
对于（变量i=0；i


.box{
背景：红色；
位置：绝对位置；
填充：100px；
}
.box:悬停{
动画名称：旋转；
动画持续时间：2秒；
动画迭代次数：无限；
动画计时功能：线性；
}
@关键帧旋转{
从{
变换：旋转（0度）；
}
到{
变换：旋转（360度）；
}
}


getElement**s**ByClassName
返回
HTMLCollection
即许多元素。您需要对它进行迭代，并将侦听器添加到每个元素中。