停止 dom 中的 href 事件并继续 DOM 事件？答案

【问题标题】：To stop href event in the dom and proceeding with DOM event?停止 dom 中的 href 事件并继续 DOM 事件？
【发布时间】：2019-06-06 22:09:42
【问题描述】：

我目前正在使用<a href="somelink.com"><a/>，点击 href 时会调用 href 和 Dom 事件，我只需要调用 DOM 事件 href 应该只用于在新标签中打开链接

【问题讨论】：

@Rory McCrossan 我重新打开了，因为 OP 要求 CTRL-Click 仍然允许默认行为（在新选项卡中打开 href）。
好的，是的。有道理。现在它只是出于另一个原因而跑题了:)
@RoryMcCrossan 是的，那该怎么办？编辑问题，包括event.preventDefault() 部分并将问题简化为我指出的重新打开的内容？
那你为什么要使用href呢？只需使用<p>
@axelaxel 那么如何按住 CTRL 键单击 p 以在新选项卡中打开？

标签： javascript jquery html

【解决方案1】：

请尝试此解决方案。希望对你有帮助。

    <html>
    <head>
      <meta charset="utf-8" />
      <title>Test</title>
    </head>

    <body>
      <a href="https://stackoverflow.com" id="myLink"> My Link</a>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
      <script>
        $("#myLink").click(function(e) {
          event.preventDefault();
          /** Do your code here */
          console.log("Event Triggered");
        });
      </script>
    </body>
  </html>

【讨论】：

OP 没有要求 jQuery 解决方案。最重要的是，您错过了相关的 href 应该只用于在新标签中打开链接部分。