在JavaScript中懸停后更改backgroundColor

Question

我需要在Javascript中更改懸停backgroundColor

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

在這段代碼中，單擊后我會更改塊的顏色，但是懸停后我也需要更改塊的顏色。

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