javascript - 如何使 javascript 链接表现得像 html 链接？

Question

我必须在我的 openlayers map 中使用 Javascript 作为链接(至少我这么认为):

map.on("click", e => {
    map.forEachFeatureAtPixel(e.pixel, (feature) => {
        window.location.href = "/s/" + feature.getId();
        return true; // stop after first feature
    });
});

这工作正常，但缺少一些东西:

• 当我将鼠标悬停在链接上时，没有任何指示会将我带到何处。
• 按住 Command 键单击不会在新选项卡中打开它。

我考虑过监听悬停并检查是否按下命令，但这似乎容易出错，并且仅适用于已知的系统配置。

有没有办法让 JavaScript 链接像 HTML 链接一样工作？

Answer 1

您可以使用< a >标签包裹您的 map 并相应地更新href，这将:

• 提供浏览器提示以传播给用户，
• 并且可以解决您单独的选项卡/窗口问题。

您还可以查看window.open，尽管它可能被注册为“弹出窗口”并被阻止。