Question

我正在尝试检测多个元素上的mouseover事件，最好是按类。

例如：

<div class="myElement">1</div>
<div class="myElement">2</div>
<div class="myElement">3</div>
<div class="myElement">4</div>

selectClass("myElement").onmouseover = function() {
    console.log("Detected mouse!");
};

Answer 1

使用下面的代码，您将获得所有类名称为“ myElement”的元素，并将其循环。该循环添加了一个事件侦听器，因此当您单击该元素时，它将调用函数elementClicked，该函数在返回日志中“已单击元素！”到控制台。

var elements = document.getElementsByClassName('myElement');

function elementClicked() {
    console.log("An element was clicked!");
}
for (let i = 0; i < elements.length; i++) {
    elements[i].onmouseover = function() {
        elementClicked();
    };
}

Answer 2

希望我能对您有所帮助

var x = document.getElementsByClassName("myElement");

for (let i = 0; i < x.length; i++) {
    x[i].setAttribute("onmouseover", "hoho()")    
}

function hoho() {
    console.log("mouse")
}

检测多个元素上的鼠标悬停事件（JS）

2 个答案: