Отмена перехода по ссылке через класс

Тема в разделе "JavaScript", создана пользователем iluha22, 26 фев 2019.

  1. iluha22

    iluha22

    Регистрация:
    26 фев 2019
    Сообщения:
    0
    Симпатии:
    0
    Коллеги,

    подскажите пожалуйста.

    Есть ссылка:

    <a href="link-to" class="MyClass">Туда нам надо</a>

    При наведении на ссылку всплывает окошко инфы.
    А по клику на ссылку переходит на адресат "link-to".

    Как обыграть такое событие, чтобы по клику небыло перехода, а отменить/запретить переход по клику?

    Мои попытки таковы:

    document.getElementsByClassName("MyClass").onclick = function(){return false;}

    Спасибо.
     
  2. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.580
    Симпатии:
    1.482
    HTML:
    var items = document.getElementsByClassName("MyClass");
    
    for (var i=0; i<items.length; i++){
        items[i].addEventListener('click', function (e) { e.preventDefault(); });
    }
    
    или без js
    HTML:
    <a href="link-to" class="MyClass" onclick="return false;">Туда нам надо</a>