HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>external link handler</title>
  <style>
    body { font-family: sans-serif; padding: 16px; }
    a.external { display: block; margin: 8px 0; color: #2563eb; }
    #log { margin-top: 12px; font-size: 14px; color: #475569; }
  </style>
</head>
<body>
  <a href="https://example.com" class="external" target="_self">External link (opens in new tab via JS)</a>
  <p id="log">Click the link.</p>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script>
    $(document).on("click", "a.external", function (event) {
      if (event.isDefaultPrevented()) return;
      event.preventDefault();
      $("#log").text("Opened in new tab. isDefaultPrevented: " + event.isDefaultPrevented());
      window.open(this.href, "_blank");
    });
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

jQuery event.isDefaultPrevented() — conditional fallback (Try It)