如何命令+單擊以在新選項卡中打開 url 並在 JavaScript 中切換到它？

Question

有一個div元素。 目標是檢測命令+單擊以在新選項卡中打開一些 URL並切換到新選項卡。 我已經做了檢測並打開了。

問題是：我用同樣的方法打開 URL ：只需使用window.open() 。 當我按下命令並單擊時，它不會切換到新選項卡。 當我單擊時，它會切換。

<div
  onClick={(event) => {
    if (event.metaKey || event.ctrlKey) {
      // will not switch, but why?
      openLink('https://stackoverflow.com/');
    }
  }}
>
  command Click or ctrl Click
</div>

<div
  onClick={(event) => {
    // will switch
    openLink('https://stackoverflow.com/');
  }}
>
  just click
</div>     

所以我想知道如何讓命令+單擊打開一個新選項卡並切換到它？ 謝謝你的幫助。

這是CodeSandbox上的最小代碼片段。

Answer 1

問題解決了。 我將setTimeout添加到它，它會切換。 但是，我仍然不知道為什么......

<div onClick={(event) => {
  if (event.metaKey || event.ctrlKey) {
    // it works, but why?
     setTimeout(() => openLink("https://stackoverflow.com/"));
  }
}}>
  command Click or ctrl Click
</div>

Answer 2

嘗試使用event.ctrlKey ，它將返回一個 boolean 指示是否按下 ctrl

<div onClick={(event) => {
      if (event.metaKey || event.ctrlKey) {
        // will not switch, but why?
        openLink("https://stackoverflow.com/");
      }
    }}
  >
    command Click or ctrl Click
</div>

Answer 3

這將有效，但對於簡單的單擊和 cmd+單擊。

<div onClick={()=> window.open("someLink", "_blank")}>text</div>