Javascript 如何在DOM元素上查找导致：hover操作的代码？

我在代码中有一个元素。当我把鼠标移到它上面时，它会显示图像上的按钮。我试图找出是什么代码导致了鼠标悬停

我试图在Chrome的开发工具中有所突破——没有结果。我在CSS中寻找hover，没有这样的属性。我不知道接下来要做什么，如何调试代码

详细地说，我说的是当您将图像悬停在此商店模板上时显示的元素“添加到购物车”：

谢谢你的建议， 卢卡斯

---

将鼠标悬停在最近的

。产品

触发动画

查看Chrome调试工具中元素>样式下的：hov选项。然后可以触发各种元素状态（例如：悬停）

如下图所述，

.product:hover.product按钮环绕

样式控制产品悬停时添加按钮的显示方式

.product:hover

设置CSS类

product

的所有元素在悬停时的样式

.product:hover.product button wrap

设置任何类为

product button wrap

的元素属于悬停在其上的类为

product

的元素时的样式

---

选择在“元素”选项卡上有鼠标悬停的div元素。 然后选择下面的“事件侦听器”。现在展开“鼠标悬停”。您将看到lazyload.1.0.5.min.js:1链接。点击那个链接。这将使您进入“来源”选项卡。 现在，在缩小的源代码的左下角有一个“{}”按钮，当你将鼠标移到上面时，它会显示“漂亮的打印”。 现在，在elements=>EventListeners上，您将获得lazyload.1.0.5.min.js:79链接。 从那里可以看到源字符串编号。左键单击这些数字可以设置断点：）

返回功能（强制）{
如果（正在运行）{
回来
}
var delay=lazyrocketconfig.throttle-（Date.now（）-lastTime）；
运行=真；
如果（延迟<4）{
延迟=4
}
如果（强制===真）{
getAF（）
}否则{
设置超时（getAF，延迟）
}
}

不错。。。你怎么知道的？我还尝试了filter:hover，但我没有发现某些子元素得到：hover。你检查过每个子元素了吗？如果我强制：hover for没有效果，则按钮仍然隐藏。在.product按钮包装上触发悬停的原因不显示，是因为没有为.product按钮包装元素悬停时定义特定的CSS规则。如果.product button wrap元素最初不可见（因为它的不透明度为0），用户将无法看到它并将其悬停在上面。.product:hover.product button wrap选择器选择任何位于内部的.product button wrap元素。悬停在上面的.product元素。我理解这一点，但仍然看不到快速查找此类内容的方法。你做得那么快，所以我认为你有一些好方法：）

.product:hover .product-button-wrap, .shop-item:hover .product-button-wrap {
    bottom: 50%;
    opacity: 1;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
}

return function(force) {
    if (running) {
        return
    }
    var delay = lazyRocketsConfig.throttle - (Date.now() - lastTime);
    running = true;
    if (delay < 4) {
        delay = 4
    }
    if (force === true) {
        getAF()
    } else {
        setTimeout(getAF, delay)
    }
}