动态悬停添加/修改ClassName

问题描述 投票:0回答:1

我想在光滑滑条图像上的用户hovers上添加新的className,并为滑条中的该特定图像卡执行某些CSS过渡。 https://stackblitz.com/edit/react-slick-slider-issues每当用户将鼠标悬停在图像上或根据悬停位置更改父className时,如何将className添加到滑块?

我尝试过document.getElementsByClassName('unique-image')] >>,但是所有图像都在map函数中循环时具有此className。如果用户将特定图像悬停在unique-image-hover上,如何只更改unique-image className?] >>

当用户将鼠标悬停在光滑的滑块图像上并为滑块中的该特定图像卡执行一些CSS转换时,我想添加新的className。 https://stackblitz.com/edit/react-slick-slider -...

javascript jquery reactjs getelementsbyclassname classname
1个回答
1
投票

您可以访问触发了Event.targetEvent.target,并使用mouseEnter Element.classList方法添加所需的Element.classList

因此,您的add()处理程序可能看起来像这样:

© www.soinside.com 2019 - 2024. All rights reserved.