onclick функция на чистом javascript

315
27 сентября 2017, 12:48

Хочу постепенно отказываться от использования jQuery. Имеется блок с ссылками:

<div class="menu">
<div class="container">
<div class="left">
<a href="/" current="">Публикации</a>
<a href="/?p=2">Проекты</a>
<a href="/?p=3">Отзывы</a>
<a href="/?p=4">Заказы</a>
</div>
<div class="right">
<a href="/?p=5">Чат</a>
<a href="/?p=6">Музыка</a>
<a href="/?p=7" current="">Оповещения</a>
</div>
</div>
</div>

Нужно что-бы при нажатии на ссылки в секции class="left" вызывалась такая функция: ajax(this);

Answer 1

Если ничего не путаю, то:

var someElements = document.querySelectorAll('.left a');
for (var i = 0; i < someElements.length; i++) {
    someElements[i].addEventListener('click', function(event) {
        ajax(this);
    });
}

ES6

var someElements = document.querySelectorAll('.left a');
Array.from(someElements).forEach(el => {
    el.addEventListener('click', function(event) {
         ajax(this);
    });
});

querySelectorAll - выбирает все элементы по селектору

addEventListener - вешает слушателя на событие клика по элементу

READ ALSO
Не могу понять роль нуля в данном контексте. JS

Не могу понять роль нуля в данном контексте. JS

Прежде чем перейти сюда чтобы задать вопрос, я честно на протяжении часа гуглил, но не смог найти ответов, хоть и в некоторых ссылках встречалось...

270
чем отличается Request Payload от FormData в js

чем отличается Request Payload от FormData в js

не кидайтесь, пожалуйста, тапками) я новичок в программировании хочу узнать чем отличается код ajax запроса на сайт FormData от Request Payload больше...

284
Описание элементов в цикле CSS,JS

Описание элементов в цикле CSS,JS

Добрый вечерЕсть задача создать библиотеку с музыкой

303
Задача с использованием событий

Задача с использованием событий

У меня есть боковая меню с установленным стилем margin-left: -240px;Как при клике сделать чтобы она выдвигалась и при втором клике задвигалась???

223