javascript - 使用 JavaScript 将鼠标悬停在元素上？

Question

注意:我希望将元素悬停在悬停时不触发事件。 (一种使用 Javascript 的自动悬停)

我想通过在 chrome 控制台中运行 JS，随机对我墙上的 Facebook 帖子的评论使用react。

为此我写了这一行来测试列表中的第一个索引:

document.querySelectorAll('._6ijk a._6a-y')[0].click() 

当我手动将鼠标悬停在一个元素上并使用此代码时，它就起作用了，选择器是:

document.querySelector("[aria-label=Love]").click()

但在悬停之前，"[aria-label=Love]"

没有这样的元素

但是，除了点赞按钮之外的所有其他 react 都出现在悬停在点赞按钮上时，这让我陷入了麻烦。有没有什么好的解决方案来解决这种情况？

Answer 1

您首先需要创建一个 Event，然后将其分派(dispatch)到所需的 DOM 元素上。

这里是如何在 mouseover 事件上创建

var event = new MouseEvent('mouseover', {
  'view': window,
  'bubbles': true,
  'cancelable': true
});

然后自己给你的元素添加一个eventListener。

yourelement = document.querySelector('css selector here');
yourelement.addEventListener('mouseover', function() {
      //something here
});

...然后最后 dispatchEvent

yourelement.dispatchEvent(event);

我希望它适用于您想要实现的任何目标!干杯!