我需要在 Javascript 中更改悬停背景颜色
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
event:
element.addEventListener("mouseleave", function( event ) {
event.target.style.backgroundColor = "purple";
}
另外,如果你希望它仅在鼠标位于元素上时改变,你最好使用 css:hover
,像这样:
element:hover {
background-color: #yourcolor;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)