如何在Angular中触发Shift + 左键单击

Question

下面展示了2个锚点元素。

<a (click)="popupIconClick()">Click Here</a>
<a #newWindow (click)="openInNewWindow($event)">New Window</a>

当第一个元素被点击时，它会在我的.ts文件中调用popupIconClick()函数。这将查找#newWindow元素，并应该调用此元素的click函数，但点击事件应该表现得像按住shift键一样。

popupIconClick() {
  const newWindowElement = document.querySelector(`#newWindow`);
  //should invoke shift+click for newWindowElement
}

这可行吗？

- apdp

Answer 1

触发一个 shiftKey 属性为 true 的 MouseEvent

newWindowElement.dispatchEvent(new MouseEvent("click", { shiftKey: true}));

https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/shiftKey

- lastr2d2

---

在Chrome中，当使用shift+单击锚标签时，它会在新窗口中打开一个带有地址栏、选项卡栏等的浏览器。但是，是否有办法通过单击锚标签（不使用shift）并在新窗口中打开带有地址栏、选项卡栏的浏览器来实现此行为呢？ 尝试了您建议的上述方法，通过设置shiftKey来分派MouseEvent。但它表现得像普通点击一样，并在同一窗口中打开链接。对此的任何输入都将非常有帮助。 - apdp

我这里有一个简单的测试页面 https://codepen.io/atwayne/pen/vYyWezJ 。如果你点击没有按住Shift键的按钮，它会在当前窗口中打开，而按住Shift键则会在新窗口中打开。看起来正是你想要的。 - lastr2d2

能否提供一个不起作用的示例？ - lastr2d2

谢谢你提供的 CodePen 示例。我已经修改了代码，它按预期正常工作了。 - apdp