点击打开新标签页上的多个图标的JS代码

Question

在一个网页上，我有9个图标，具有相同的类别。我想写一个JS代码，让所有9个图标的网页自动打开。我本以为下面的代码可以解决这个问题，但它只需单击第一个图标，然后在一个新页面打开时停止。

let a = document.querySelectorAll('.ClassName');
a.forEach(btn => btn.click());

我们有没有办法做到这一点？

Answer 1

不，即使您像这样在分派的MouseEvent事件上强制metaKey ...

element.dispatchEvent(new MouseEvent('click', { metaKey: true }))

浏览器(至少Chrome)会打开一个新的标签，但焦点是新的标签，而不是现有的标签。

当您将window.open与target='_blank'一起使用时，也会发生同样的情况，例如...

window.open('https://www.w3schools.com/jsref/met_win_open.asp', '_blank')

可能有一种我不知道的方法，但据我所知这是不可能的。