Как предотвратить выполнение onclick события с помощью JS?

Question

[Андрей Стрелков]

Добрый день, подскажите пожалуйста
Есть страница на которой имеется ссылка с onclick атрибутом. К сожалению код ссылки изменять не могу, но задача такая, что нужно при определенном действии на странице и при клике по этой ссылке выполнить отдельный js скрипт, а onclick не дать возможности запуститься
Другими словами когда есть следующий код:

<a href="#" id="link" onclick="alert('onclick exectuted')">LINK</a>

$("#link").click(function() {
  alert ('click function executed');
});

нужно чтобы при клике по ссылке, всплыло только окно с click function executed

Comments

[v3shin]

Не можете изменить код ссылки даже на фронте?

Answer 1

[Алексей Дубровин]

// такой синтаксис позволяет перезаписать событие
$("#link").onclick = function(){

}

Answer 2

[Danny Arty]

Можно просто заменить значения onclick после загрузки страницы

$(document).ready(function() {
      $('a.#link').attr('onclick', 'alert ("click function executed")');
});

Answer 3

[Олег Барабанов]

Вариант на VanillaJS

document.querySelector("#link").addEventListener(
        "click",
        (ev) => {
          alert("click function executed");
          ev.preventDefault();
          ev.stopPropagation();
        },
        true
      );

Answer 4

[andand44]

Такой вариант тоже возможен

$('#link').prop('onclick', null).off('click');
$("#link").click(function() {
  alert('click function executed');
});

https://jsfiddle.net/3xgdzth7/