0

Как заменить jquery код на javascript?

$(document).on('click', 'a', function (event) {

  event.preventDefault();

});

Суть в том, что нужно повесить событие на все ссылки, не используя jQuery. Ссылки могут появляться новые после ajax. Они тоже должны обрабатывать событие.

Я пробовал:

 document.addEventListener('click', function (event) {

    var link = event.target.closest('a');

    if (!link) return;

    event.preventDefault();

}, false);

Но closest плохо поддерживается браузерами без полифилов =( Так же пробовал через event.path найти дочерний элемент A, но e.path не работает в сафари...

Может подскажете какой то способо реализовать эту идею именно через document.addEventListener, без доп функций и тд.

(closest и event.path нужны были для того, чтобы избежать нерабочих картинок в ссылка и тд, так как event.target будет img, а не A)

1
  • 1
    «Но closest плохо поддерживается браузерами без полифилов» — почему бы не поставить полифилл?
    – andreymal
    1 авг 2018 в 20:04

2 ответа 2

0
document.addEventListener('click',function(e){
    let current = e.target;
    while(current != document.body){
        if(current.tagName == 'A'){
            e.preventDefault();
            break;
        }
        else current = current.parentNode;
    }
});
1
  • Вот такая ссылка работать не будет: <a href=example.com><b>Жирная ссылка!</b></a> 1 авг 2018 в 19:48
0

Добавляешь каждой ссылке class="needToClick" После чего

var arr = []; 
arr = document.getElementsbyclassname('needToClick');

Затем через forEach() просто навешиваешь события которые тебе необходимы.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.