javascript - 有没有一种好方法可以在 dom 节点上启用 "open link in a new window"浏览器菜单选项，而不会使链接跟随点击？

Question

我想让一个复杂的 dom 节点具有“在新窗口中打开链接”上下文菜单选项，就像您使用任何标准 标记链接一样。但我不希望该 dom 节点在单击时打开该链接。我有哪些选择？

我现在正在做的选择给我带来了麻烦。我目前正在调用 event.preventDefault() 的 节点上设置点击处理程序。这样做的问题是它阻止了 标签内所有内容的默认设置。例如，如果我有一个复选框，则该复选框无法通过鼠标单击来选择。我可以随心所欲地处理一些事情(通过在正确的地方使用 stopPropagation())，但这非常令人困惑，将来可能会浪费我和我的团队的时间。有没有更简单的方法来做到这一点？

我拥有的 html 类型示例:

<a href="www.whatever.ninja">
  <input type='checkbox'/>
  <div contenteditable="true">Your cursor could be |here!</div>
  <div>More content...</div>
</a>

Answer 1

我会向 标记添加一个类，然后让您的 preventDefault 调用仅适用于具有该类的元素。这样，您就可以设置它的样式，使其看起来也不像链接。你在使用 jQuery 之类的东西吗？你可以这样做:

$(document).ready(function() {
    $('a.non-clickable').click(function() {
        $(this).preventDefault();
    });
});

然后在您的 html 中:

<a href="mylink" class="non-clickable">Some link text</a>