javascript - ctrl + click of href=# 出现问题

Question

我正在使用 Ember JS。我有一个<a>单击该标记后，我从 JS 提交表单并导航到目标 url。一切正常。

为了显示指针图标，我使用了 href="#"在 HTML 上。正如我多年来一直在做的那样。

现在，QA 突然决定右键单击并在新选项卡中打开或按住 CTRL 单击。现在发生的情况是，打开一个新选项卡，其中包含如下 URL。

www.something.com/index.html/#因为 href 是#。

QA 期望在新选项卡中看到目标页面

我有两个修复。

1. 删除 href = # 并赋予 CSS 指针样式。所以这个新标签不起作用
2. 以某种方式打开该标签并在新标签中发布表单。

2可能吗？

Answer 1

您可以在 CSS 中使用 cursor:pointer，而不是“破解”a 标记来获取指针。

演示:

div {
  height: 100px;
  width: 100px;
  display: inline-block;
  background: tomato;
  vertical-align:top;
}
.curs {
  cursor: pointer;
}

<div>no cursor</div>
<div class="curs">cursor</div>

<小时/>

由于您使用它来“提交表单”，我建议使用

<input type="submit"/>

因为这将为您提交表单。