![](/img/trans.png)
[英]Changing backgroundColor with javascript affects CSS's :hover
[英]Changing backgroundColor after hover in javascript
我需要在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>
也许尝试mouseleave
事件:
element.addEventListener("mouseleave", function( event ) {
event.target.style.backgroundColor = "purple";
}
另外,如果您希望仅当鼠标在元素上时更改它,则最好使用css :hover
,如下所示:
element:hover {
background-color: #yourcolor;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.