在JavaScript中悬停后更改backgroundColor [英] Changing backgroundColor after hover in javascript

问题描述

我需要在Javascript中更改悬停backgroundColor

I need to change hover backgroundColor in Javascript

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

在此代码中，单击后我会更改块的颜色，但是在悬停后我也需要更改块的颜色.

In this code, I change color of block after click, but i need to change color of block after hover too.

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

推荐答案

也许尝试mouseleave事件:

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

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

Also if you want it to change only when the mouse is on the element, you better use css :hover, like so:

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

这篇关于在JavaScript中悬停后更改backgroundColor的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！