javascript - 在javascript中悬停后更改背景颜色

Question

我需要在 Javascript 中更改悬停背景颜色

function changeColor(color) {
var block = document.getElementsByClassName('kafelek');
for (var i = 0; i < block.length; i++) {
    block[i].style.backgroundColor = "#" + color;
}};

在此代码中，我在单击后更改 block 的颜色，但我也需要在悬停后更改 block 的颜色。

<div class="kolorek" onclick="changeColor('2ecc71');" style="background-color:#2ecc71;"></div>

Answer 1

也许可以尝试 mouseleave 事件:

element.addEventListener("mouseleave", function( event ) {   
    event.target.style.backgroundColor = "purple";
}

此外，如果您希望它仅在鼠标位于元素上时更改，您最好使用 css :hover，如下所示:

element:hover {
    background-color: #yourcolor;
}