悬停在whatsapp上的照片上以激活子元素以单击？

Question

我的目标是选择whatsapp中的所有照片，我尝试从whatsapp中选择所有照片，如下所示：

document.querySelectorAll('._33mBu > span').forEach(s => s.click()) 

但似乎你得先：

1. 悬停在每一张照片上(_23fpc类)
2. 现在，一个新的div类'_33mBu‘变得可见(子div)
3. 然后单击这个类来选择照片

​

​

您可以通过以下方式查看自己的whatsapp web版本

1. 去web.whatsapp.com
2. 鉴证
3. 开始聊天
4. 点击聊天的顶部
5. 点击媒体

Answer 1

如果它必须对mouseover (或者mouseenter)事件做些什么，这可能值得一试：

const mouseoverEvent = new Event('mouseover');
document.querySelectorAll("._23fpc").forEach(s => s.dispatchEvent(mouseoverEvent));

如果它有效，您可以继续使用您提供的代码。

Answer 2

既然您已经在jQuery类别中得到了这个，下面是一个JQ处理方法。未知的一点就是鼠标架正在做的事情。它可能在写入页面之前触发某种异步事件。我在鼠标后面加了一个小延迟，你可能需要编辑。

$("._23fpc").each(function () {
  $(this).trigger('mouseenter');
  doMO($(this));
})

function doMO($el) {
 setTimeout(() => {
   $el.trigger('click');
 }, 100)
}