18910140161

JavaScript-“在新选项卡中打开”单击链接不打开href值-堆栈溢出

顺晟科技

2022-10-19 14:15:36

87

我使用的是Vue2,我有标签和。 在执行左键单击(它正在调用一个方法)的情况下,这是按预期工作的,但是如果我执行一个,在这种情况下它是打开值,这是错误的。

您建议哪种方法在非左键单击情况下打开时也调用a?


顺晟科技:

如果要控制所有单击的行为,则需要添加多个单击事件处理程序。

类似这样的东西。以下是代码的工作JSFiddle。

<a>

处理左键单击事件。

处理auxclick事件(即非左键单击事件)。

禁用右键单击元素时弹出的上下文菜单。

我保留了@click.prevent+添加的锚链接 所以现在,如果它是非左键单击,它将调用并仍然打开右边的链接/方法。

不能重写本机上下文菜单在新建选项卡中打开的行为;它将始终在新选项卡中打开锚点的href。

唯一的选项是:

  • 防止上下文菜单显示。UX不好。
  • 禁止上下文菜单,而是显示您自己的自定义上下文菜单,其中包含您可以自己处理的“在新选项卡中打开”项。
  • 使用a。这是我的第一个想法,因为这里根本不需要锚,因为没有真正的链接。
  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航